목록

'전체 글' 747건

코드로 놀고, 언어로 성장하는 공방.

  • CORS 이해하기
    프로그래밍 언어/NODE JS · 댓글
    NodeCat이 nodebird-api를 호출하는 것은 서버에서 서버로 API를 호출하는 것입니다. 만약 Nodecat의 프런트에서 nodebird-api의 서버 API를 호출하면 어떻게 될까요?routes/index.js에 프론트 화면을 렌더링하는 라우터를 추가합니다.const express = require("express");const axios = require("axios");const router = express.Router();const URL = "http://localhost:8002/v1";axios.defaults.headers.origin = "http://localhost:4000"; // origin 헤더 추가 // ❶const request = async (req, api) ..
  • QR 코드 만들기
    프로그래밍 언어/Python · 댓글
    QR 코드는 어떤 문자열을 특정 규칙에 따라 이미지로 변환하는 것입니다. QR 코드를 해석할 수 있는 기기, 즉 QR 코드 스캐너를 이용해 해당 이미지에 담긴 문자열을 읽을 수 있습니다. 문자열 QR 코드qrcode 패키지를 불러오고, 함수 qrcode.make()를 사용해서 문자열을 작성한 QR 코드를 생성해 볼 것입니다. 비주얼 스튜디오 코드에서 새로운 'step_1_2.py' 파일을 생성하고, 아래 코드를 입력한 뒤, 대화형 창에서 실행하세요. 대화형 창에 QR 코드가 출력됩니다.import qrcodeimg = qrcode.make("헬로, QR 코드!")img [실행결과] 출력한 QR 코드를 스미트폰의 QR 코드 스캐너로 스캔합니다. "헬로, QR 코드!" 문자열이 출력됩니다. 스마트폰의 운영..
  • setProperty/getProperty 액션 태그를 이용한 회원 정보 실습
    프로그래밍 언어/자바 웹 · 댓글
    useBean 액션 태그를 사용해 자바 코드를 사용해 자바 코드를 사용하지 않고 자바 빈을 생성했습니다. 그러나 여전히 빈의 속성에 값을 설정할 때는 자바 코드에 setter을 사용하고 있습니다. useBean에 접근해 속성 값을 설정하거나 가져오는 엑션 태그와 액션 태그를 사용하는 방법을 다음 표에 정리해 두었으니 참고하기 바랍니다. setProperty와 getProperty 태그의 특징이름정의형식setPropertyuseBean의 속성에 값을 설정하는 태그형식:- name: 태그의 id 속성에 지정한 이름- property: 값을 설정할 속성 이름- value: 속성에 설정할 값getPropertyuseBean의 속성 값을 얻는 태그형식:- name: 태그의 id 속성에 지정한 이름- pro..
  • QR 코드 기초 다지기
    프로그래밍 언어/Python · 댓글
    QR 코드는 다양한 정보를 간편하게 공유할 수 있는 강력한 도구입니다.qrcode 패키지를 장착하고, 원하는 정보를 간단히 전달할 수 있도록 QR 코드를 생성하는 기본적인 방법을 배웁니다. 파이썬 패키지로 준비하기본격적으로 실습을 시작하기 전에 필요한 패키지에 대해 간략히 소개하고, 개발 환경에 설치해 봅시다. pathlib 패키지pathlib 패키지를 사용하여 실습에 필요한 폴더를 생성해 봅시다. 현재 작업 폴더를 'ch_04'로 지정하고 하위 경로에 'input', 'output' 폴더를 생성하겠습니다.비주얼 스튜디오 코드에서 새로운 파일을 만들고, 파일명을 'step_1_1.py'로 지정합니다. 다음과 같이 코드를 작성한 뒤, 대화형 창에서 실행합니다. 현재 작업 폴더의 하위 폴더로 'input',..
  • 사용량 제한 구현하기
    프로그래밍 언어/NODE JS · 댓글
    일시적으로 인증된 사용자(토큰을 발급받은 사용자)만 API를 사용할 수 있게 필터를 두긴 했지만, 아직 충분하지는 않습니다. 인증된 사용자라고 해도 과도하게 API를 사용하면 API 서버에 무리가 갑니다. 따라서 일정 기간 내에 API를 사용할 수 있는 횟수를 제한하여 서버의 트래픽을 줄이는 것이 좋습니다. 유로 서비스라면 과금 체계별로 횟수에 차이를 둘 수도 있습니다. 예를 들면 무료료 이용하는 사람은 1시간에 열 번을 허용하고, 유료로 이용하는 사람은 1시간에 100번을 허용하는 식입니다.이러한 기능 또한 npm에 패키지로 만들어져 있습니다. 이 기능을 제공하는 express-rate-limit 패키지를 소개합니다. nodebird-api 서버에 다음 패키지를 설치합니다.$ npm i express-..
  • 유즈빈 액션 태그를 이용한 회원 정보 조회 실습
    프로그래밍 언어/자바 웹 · 댓글
    자바 빈 코드로 이루어진 자바 빈을 자주 사용할 경우 화면이 복잡해진다는 단점이 있습니다. 이처럼 단점을 보완하기 위해 나온 것이 유즈빈 액션 태그입니다.유즈빈 액션 태그는 JSP 페이지에서 자바 빈을 대체하기 위한 태그로, 사용 형식은 다음과 같습니다.여기서 id는 JSP 페이지에서 자바 빈 개체에 접근할 때 사용할 이름을 의미합니다, class 패키지 이름을 포함한 자바 빈 이름을, scope는 자바 빈에 대한 접근 범위를 지정하는 역할을 합니다 (page, request, session, application를 가지며 기본값은 page입니다). 1. 다음과 같이 실습 파일 member2.jsp를 추가합니다. 2. member2.jsp를 다음과 같이 작성합니다. 회원 가입 및 조회 시 MemberBe..

CORS 이해하기

NodeCat이 nodebird-api를 호출하는 것은 서버에서 서버로 API를 호출하는 것입니다. 만약 Nodecat의 프런트에서 nodebird-api의 서버 API를 호출하면 어떻게 될까요?routes/index.js에 프론트 화면을 렌더링하는 라우터를 추가합니다.const express = require("express");const axios = require("axios");const router = express.Router();const URL = "http://localhost:8002/v1";axios.defaults.headers.origin = "http://localhost:4000"; // origin 헤더 추가 // ❶const request = async (req, api) ..

QR 코드 만들기

QR 코드는 어떤 문자열을 특정 규칙에 따라 이미지로 변환하는 것입니다. QR 코드를 해석할 수 있는 기기, 즉 QR 코드 스캐너를 이용해 해당 이미지에 담긴 문자열을 읽을 수 있습니다. 문자열 QR 코드qrcode 패키지를 불러오고, 함수 qrcode.make()를 사용해서 문자열을 작성한 QR 코드를 생성해 볼 것입니다. 비주얼 스튜디오 코드에서 새로운 'step_1_2.py' 파일을 생성하고, 아래 코드를 입력한 뒤, 대화형 창에서 실행하세요. 대화형 창에 QR 코드가 출력됩니다.import qrcodeimg = qrcode.make("헬로, QR 코드!")img [실행결과] 출력한 QR 코드를 스미트폰의 QR 코드 스캐너로 스캔합니다. "헬로, QR 코드!" 문자열이 출력됩니다. 스마트폰의 운영..

setProperty/getProperty 액션 태그를 이용한 회원 정보 실습

useBean 액션 태그를 사용해 자바 코드를 사용해 자바 코드를 사용하지 않고 자바 빈을 생성했습니다. 그러나 여전히 빈의 속성에 값을 설정할 때는 자바 코드에 setter을 사용하고 있습니다. useBean에 접근해 속성 값을 설정하거나 가져오는 엑션 태그와 액션 태그를 사용하는 방법을 다음 표에 정리해 두었으니 참고하기 바랍니다. setProperty와 getProperty 태그의 특징이름정의형식setPropertyuseBean의 속성에 값을 설정하는 태그형식:- name: 태그의 id 속성에 지정한 이름- property: 값을 설정할 속성 이름- value: 속성에 설정할 값getPropertyuseBean의 속성 값을 얻는 태그형식:- name: 태그의 id 속성에 지정한 이름- pro..

QR 코드 기초 다지기

QR 코드는 다양한 정보를 간편하게 공유할 수 있는 강력한 도구입니다.qrcode 패키지를 장착하고, 원하는 정보를 간단히 전달할 수 있도록 QR 코드를 생성하는 기본적인 방법을 배웁니다. 파이썬 패키지로 준비하기본격적으로 실습을 시작하기 전에 필요한 패키지에 대해 간략히 소개하고, 개발 환경에 설치해 봅시다. pathlib 패키지pathlib 패키지를 사용하여 실습에 필요한 폴더를 생성해 봅시다. 현재 작업 폴더를 'ch_04'로 지정하고 하위 경로에 'input', 'output' 폴더를 생성하겠습니다.비주얼 스튜디오 코드에서 새로운 파일을 만들고, 파일명을 'step_1_1.py'로 지정합니다. 다음과 같이 코드를 작성한 뒤, 대화형 창에서 실행합니다. 현재 작업 폴더의 하위 폴더로 'input',..

사용량 제한 구현하기

일시적으로 인증된 사용자(토큰을 발급받은 사용자)만 API를 사용할 수 있게 필터를 두긴 했지만, 아직 충분하지는 않습니다. 인증된 사용자라고 해도 과도하게 API를 사용하면 API 서버에 무리가 갑니다. 따라서 일정 기간 내에 API를 사용할 수 있는 횟수를 제한하여 서버의 트래픽을 줄이는 것이 좋습니다. 유로 서비스라면 과금 체계별로 횟수에 차이를 둘 수도 있습니다. 예를 들면 무료료 이용하는 사람은 1시간에 열 번을 허용하고, 유료로 이용하는 사람은 1시간에 100번을 허용하는 식입니다.이러한 기능 또한 npm에 패키지로 만들어져 있습니다. 이 기능을 제공하는 express-rate-limit 패키지를 소개합니다. nodebird-api 서버에 다음 패키지를 설치합니다.$ npm i express-..

유즈빈 액션 태그를 이용한 회원 정보 조회 실습

자바 빈 코드로 이루어진 자바 빈을 자주 사용할 경우 화면이 복잡해진다는 단점이 있습니다. 이처럼 단점을 보완하기 위해 나온 것이 유즈빈 액션 태그입니다.유즈빈 액션 태그는 JSP 페이지에서 자바 빈을 대체하기 위한 태그로, 사용 형식은 다음과 같습니다.여기서 id는 JSP 페이지에서 자바 빈 개체에 접근할 때 사용할 이름을 의미합니다, class 패키지 이름을 포함한 자바 빈 이름을, scope는 자바 빈에 대한 접근 범위를 지정하는 역할을 합니다 (page, request, session, application를 가지며 기본값은 page입니다). 1. 다음과 같이 실습 파일 member2.jsp를 추가합니다. 2. member2.jsp를 다음과 같이 작성합니다. 회원 가입 및 조회 시 MemberBe..