나만의 코드 공방

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

목록

'전체 글' 747건

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

  • JWT 토큰으로 인증하기
    프로그래밍 언어/NODE JS · 댓글
    웹 서버에 JWT 토큰 인증 과정을 구현해 보겠습니다. 먼저 JWT 모듈을 설치합니다.$ npm i jsonwebtoken 이제 JWT를 사용해서 API를 만들어보겠습니다. 다른 사용자가 API를 쓰려면 JWT 토큰을 발급받고 인증받아야 합니다. 이는 대부분의 라우터에 공통적으로 해당하는 부분이므로 미들웨어로 만들어두는 게 좋습니다. nodebird-api/.envCOOKIE_SECRET=nodebirdsecretKAKAO_ID=03216323ce22d651877427baebd91267JWT_SECRET=jwtSecret nodebird-api/routes/middlewares.jsconst jwt = require("jsonwebtoken");exports.isLoggedIn = (req, res, n..
  • JSP 페이지에 이미지 포함 실습
    프로그래밍 언어/자바 웹 · 댓글
    1. 새 프로젝트 pro13을 만들고 다음과 같이 실습에 필요한 이미지 파일(duke.png, duke2.png)과 duke_image.jsp, include1.jsp, include2.jsp 파일을 추가합니다. 인클루드 액션 태그의 실행 파일은 다음과 같습니디.1 브라우저 요청 시 JSP 파일을 컴파일합니다.2 컴파일 시 가 지시하는 JSP를 요청합니다.3 요청된 JSP를 컴파일합니다.4 컴파일된 JSP가 응답을 보냅니다.5 JSP는 브라우저에서 요청한 응답 결과를 출력합니다. 2 자식 JSP에 해당하는 duke_image.jsp를 다음과 같이 작성합니다. 부모 JSP에서 포함 요청 시 전달되는 이름과 이미지 파일을 getParameter() 메서드를 이용해 가져온 후 이름과 해당 이미지를 출력합니다...
  • 이미지 크기 변경하기
    프로그래밍 언어/Python · 댓글
    이미지 위에 삽입된 문자열의 색이 이미지의 배경과 유사해서 가독성이 떨어진다면, 이미지의 명도를 조절해서 문자열의 색과 대비되게 할 수 있습니다. 이처럼 이미지의 명도를 높이거나 낮출 때는 알파 합성(alpha composite)이라는 기법을 활용하면 되는데, 쉽게 말하면 원본 이미지 위에 불투명한 색을 덧씌워 탁하게 만드는 것입니다. 이미지 정보 확인'img' 폴더의 'img_001.jpg' 파일의 이미지 크기와 형식, 색상 모드를 확인합니다. Image 객체의 속성을 화면에 출력하기만 하면 됩니다.비주얼 스튜디오 코드에서 새로운 파일을 생성하고 파일명을 'step2_1.py'로 변경합니다. 그리고 나서 다음과 같이 입력한 뒤, 대화형 창에서 실행합니다. 대화형 창에서 픽셀 단위로 표시된 이미지 크기..
  • JWT 토큰으로 인증하기 (1)
    프로그래밍 언어/NODE JS · 댓글
    JWT는 JSON Web Token의 약어로, JSON 형식의 데이터를 저장하는 토큰입니다. JWT는 다음과 같이 세 부분으로 구성되어 있습니다.헤더(HEADER): 토큰 종류와 해시 알고리즘 정보가 들어 있습니다.페이로드(PAYLOAD): 토큰의 내용물이 인코딩된 부분입니다.시그니처(SIGNATURE): 일련의 문자열이며, 시그니처를 통해 토큰이 변조되었는지 여부를 확인할 수 있습니다.시그니처는 JWT 비밀 키로 만들어집니다. 이 비밀 키가 노출되면 JWT 토큰을 위조할 수 있으므로 비밀 키를 철저히 숨겨야 합니다. 시그니처 자체는 숨기지 않아도 됩니다. JWT 토큰 예시eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6I..
  • 인클루드 액션 태그 사용하기
    프로그래밍 언어/자바 웹 · 댓글
    인클루드 액션 태그(Include Action Tag)는 인클루드 디렉티브 태그처럼 화면을 분할해서 관리할 때 사용합니다.인클루드 액션 태그를 이용하면 공통적으로 사용하는 홈페이지의 상당 화면과 왼쪽 메뉴 화면을 재사용할 수 있습니다. 인클루드 액션 태그의 형식은 다음과 같습니다. ... 여기서 page는 포함한 JSP 페이지를 의미합니다. 그리고 flush는 지정한 JSP를 실행하기 전 출력 버퍼 비움 여부를 지정합니다. 그러 인클루드 액션 태그와 인클루드 디렉티브 태그의 차이점은 무엇일까요? 인클루드 액션 태그와 인클루드 디렉티브 태그 비교항목인클루드 액션 태그인클루드 디렉티브 태그기능JSP 레이아웃 모듈화JSP 레이아웃 모듈화처리 시간요청 시간에 처리JSP를 자바 코드로 변환 시 처리데이터 처리 방..
  • 이미지 처리 기본 익히기
    프로그래밍 언어/Python · 댓글
    pillow 패키지를 사용해서 이미지를 불러와 대화형 창에서 출력합니다. 비주얼 스튜디오 코드에서 새로운 파일을 만들고 파일명을 'step_1_2.py'로 변경하세요. 'img' 폴더의 'img_001.jpg' 이미지 파일이 대화형 창에 보이는 것을 알 수 있습니다. ch_03/step_1_2.pyfrom PIL import Imagefrom step_1_1 import IMG_DIR # 이전에 작성한 모듈을 불러옵니다.img = Image.open(IMG_DIR / "img__001.jpg")img 실행결과 이미지에 문자열 추가불러온 이미지에 문자열을 추가하기 위해서는 생각보다 많은 것을 고려해야 합니다. 어떤 문자열을 추가할지를 비롯해서 문자열의 위치를 좌표로 설정하고, 크기와 폰트 등을 지정해야 합..

프로그래밍 언어/NODE JS

JWT 토큰으로 인증하기

웹 서버에 JWT 토큰 인증 과정을 구현해 보겠습니다. 먼저 JWT 모듈을 설치합니다.$ npm i jsonwebtoken 이제 JWT를 사용해서 API를 만들어보겠습니다. 다른 사용자가 API를 쓰려면 JWT 토큰을 발급받고 인증받아야 합니다. 이는 대부분의 라우터에 공통적으로 해당하는 부분이므로 미들웨어로 만들어두는 게 좋습니다. nodebird-api/.envCOOKIE_SECRET=nodebirdsecretKAKAO_ID=03216323ce22d651877427baebd91267JWT_SECRET=jwtSecret nodebird-api/routes/middlewares.jsconst jwt = require("jsonwebtoken");exports.isLoggedIn = (req, res, n..

프로그래밍 언어/자바 웹

JSP 페이지에 이미지 포함 실습

1. 새 프로젝트 pro13을 만들고 다음과 같이 실습에 필요한 이미지 파일(duke.png, duke2.png)과 duke_image.jsp, include1.jsp, include2.jsp 파일을 추가합니다. 인클루드 액션 태그의 실행 파일은 다음과 같습니디.1 브라우저 요청 시 JSP 파일을 컴파일합니다.2 컴파일 시 가 지시하는 JSP를 요청합니다.3 요청된 JSP를 컴파일합니다.4 컴파일된 JSP가 응답을 보냅니다.5 JSP는 브라우저에서 요청한 응답 결과를 출력합니다. 2 자식 JSP에 해당하는 duke_image.jsp를 다음과 같이 작성합니다. 부모 JSP에서 포함 요청 시 전달되는 이름과 이미지 파일을 getParameter() 메서드를 이용해 가져온 후 이름과 해당 이미지를 출력합니다...

프로그래밍 언어/Python

이미지 크기 변경하기

이미지 위에 삽입된 문자열의 색이 이미지의 배경과 유사해서 가독성이 떨어진다면, 이미지의 명도를 조절해서 문자열의 색과 대비되게 할 수 있습니다. 이처럼 이미지의 명도를 높이거나 낮출 때는 알파 합성(alpha composite)이라는 기법을 활용하면 되는데, 쉽게 말하면 원본 이미지 위에 불투명한 색을 덧씌워 탁하게 만드는 것입니다. 이미지 정보 확인'img' 폴더의 'img_001.jpg' 파일의 이미지 크기와 형식, 색상 모드를 확인합니다. Image 객체의 속성을 화면에 출력하기만 하면 됩니다.비주얼 스튜디오 코드에서 새로운 파일을 생성하고 파일명을 'step2_1.py'로 변경합니다. 그리고 나서 다음과 같이 입력한 뒤, 대화형 창에서 실행합니다. 대화형 창에서 픽셀 단위로 표시된 이미지 크기..

프로그래밍 언어/NODE JS

JWT 토큰으로 인증하기 (1)

JWT는 JSON Web Token의 약어로, JSON 형식의 데이터를 저장하는 토큰입니다. JWT는 다음과 같이 세 부분으로 구성되어 있습니다.헤더(HEADER): 토큰 종류와 해시 알고리즘 정보가 들어 있습니다.페이로드(PAYLOAD): 토큰의 내용물이 인코딩된 부분입니다.시그니처(SIGNATURE): 일련의 문자열이며, 시그니처를 통해 토큰이 변조되었는지 여부를 확인할 수 있습니다.시그니처는 JWT 비밀 키로 만들어집니다. 이 비밀 키가 노출되면 JWT 토큰을 위조할 수 있으므로 비밀 키를 철저히 숨겨야 합니다. 시그니처 자체는 숨기지 않아도 됩니다. JWT 토큰 예시eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6I..

프로그래밍 언어/자바 웹

인클루드 액션 태그 사용하기

인클루드 액션 태그(Include Action Tag)는 인클루드 디렉티브 태그처럼 화면을 분할해서 관리할 때 사용합니다.인클루드 액션 태그를 이용하면 공통적으로 사용하는 홈페이지의 상당 화면과 왼쪽 메뉴 화면을 재사용할 수 있습니다. 인클루드 액션 태그의 형식은 다음과 같습니다. ... 여기서 page는 포함한 JSP 페이지를 의미합니다. 그리고 flush는 지정한 JSP를 실행하기 전 출력 버퍼 비움 여부를 지정합니다. 그러 인클루드 액션 태그와 인클루드 디렉티브 태그의 차이점은 무엇일까요? 인클루드 액션 태그와 인클루드 디렉티브 태그 비교항목인클루드 액션 태그인클루드 디렉티브 태그기능JSP 레이아웃 모듈화JSP 레이아웃 모듈화처리 시간요청 시간에 처리JSP를 자바 코드로 변환 시 처리데이터 처리 방..

프로그래밍 언어/Python

이미지 처리 기본 익히기

pillow 패키지를 사용해서 이미지를 불러와 대화형 창에서 출력합니다. 비주얼 스튜디오 코드에서 새로운 파일을 만들고 파일명을 'step_1_2.py'로 변경하세요. 'img' 폴더의 'img_001.jpg' 이미지 파일이 대화형 창에 보이는 것을 알 수 있습니다. ch_03/step_1_2.pyfrom PIL import Imagefrom step_1_1 import IMG_DIR # 이전에 작성한 모듈을 불러옵니다.img = Image.open(IMG_DIR / "img__001.jpg")img 실행결과 이미지에 문자열 추가불러온 이미지에 문자열을 추가하기 위해서는 생각보다 많은 것을 고려해야 합니다. 어떤 문자열을 추가할지를 비롯해서 문자열의 위치를 좌표로 설정하고, 크기와 폰트 등을 지정해야 합..

티스토리툴바