hoazzinews 님의 블로그

build.gradleconfigurations { compileOnly { extendsFrom annotationProcessor } all { exclude group: 'org.springframework.boot', module: 'spring-boot-starter-logging' } }...dependencies { // JWT implementation 'io.jsonwebtoken:jjwt-api:0.12.6' runtimeOnly 'io.jsonwebtoken:jjwt-impl:0.12.6' runtimeOnly 'io.jsonwebtoken:jjwt-jackson:0.12.6' // Log4j2 implementation 'org.springframewor..

> npm install @react-oauth/google   MyGoogleLogin.jsximport React from "react";import axios from "axios";import { useGoogleLogin } from '@react-oauth/google';import { useNavigate } from "react-router-dom";function MyGoogleLogin({ setIsLoggedIn }) { // handlers // AXIOS const handleLoginSuccess = async (res) => { console.log('handleLoginSuccess()'); console.log('res: ', res..

이번 시간에는 구글 클라우드 플랫폼(GCP) 설정에 대해서 살펴보겠습니다. 1. 구글 클라우드 플랫폼 로그인https://cloud.google.com  2. 프로젝트 생성   3. OAuth 동의 4. 사용자 인증 정보

이번 시간에는 지난 시간에 이어서 spring security를 적용하겠습니다. 1. filter 패키지 생성 2. LoginRequest 클래스 생성package com.office.jwtex.jwt.filter;import lombok.AllArgsConstructor;import lombok.Builder;import lombok.Data;import lombok.NoArgsConstructor;@Data@NoArgsConstructor@AllArgsConstructor@Builderpublic class LoginRequest { private String id; private String pw; } 3. UsernamePasswordAuthenticationFilter를 상속한 Jw..

이번 시간에는 지난 시간에 이어서 spring boot 프로젝트를 만들겠습니다. 1. spring boot 프로젝트 생성  2. JWT 의존 모듈 설정JWT 의존 모듈을 추가합니다.dependencies { // JWT implementation 'io.jsonwebtoken:jjwt-api:0.12.6' runtimeOnly 'io.jsonwebtoken:jjwt-impl:0.12.6' runtimeOnly 'io.jsonwebtoken:jjwt-jackson:0.12.6' implementation 'org.springframework.boot:spring-boot-starter-jdbc' implementation 'org.springframework.boot:spring-boot-starter-..

이번 시간에는 JWT를 이용해서 인증(로그인)하는 방법에 대해서 살펴보겠습니다. 1. JWT란JWT(Json Web Token)는 JSON 객체를 기반으로 하여 정보를 안전하게 전달하기 위한 토큰입니다. 주로 로그인과 같은 이증에 사용되면 정보 교환등에도 사용됩니다. JWT는 세 가지 주요 구성 요소로 이루어져 있으며, 각각은 점(.)으로 구분됩니다.- Header: JWT의 유형(typ)과 사용된 서명 알고리즘(alg) 정보가 있습니다.- Payload: 토큰에 포함된 데이터를 담고 있습니다.   - 일반적으로 클레임(Claim)이라고 불리는 사용자나 토큰에 대한 정보를 포함합니다.   - 등록된 클레임 (Registered claims): iss (발행자), exp (만료 시간), sub (주제) 등..

이번 시간에는 지난 시간에 구축한 AWS S3 서버를 이용해서 node.js & express app으로 파일 업로드, 삭제, 다운로드 등을 어떻게 하는지 살펴보겠습니다. 아직 S3를 구축하지 못했다면 지난 글을 참고해서 S3를 구축합니다. 지난 글: S3를 이용한 이미지 서버 만들기 - I S3를 이용한 이미지 서버 만들기 - IAWS S3(Amazon Simple Storage Service)는 Amazon Web Services(AWS)에서 제공하는 객체 스토리지 서비스입니다. 이번 시간에는 S3를 이용해서 이미지 서버를 만드는 방법에 대해서 살펴보겠습니다. 1. S3 검색 및hoazzinews.tistory.com 1. node.js express 프로젝트 만들기 > npm init  2. 필요한..

이번 시간에는 지난 시간에 구축한 AWS S3 서버를 이용해서 spring boot app으로 파일 업로드, 삭제, 다운로드 등을 어떻게 하는지 살펴보겠습니다. 아직 S3를 구축하지 못했다면 지난 글을 참고해서 S3를 구축합니다. 지난 글: S3를 이용한 이미지 서버 만들기 - I S3를 이용한 이미지 서버 만들기 - IAWS S3(Amazon Simple Storage Service)는 Amazon Web Services(AWS)에서 제공하는 객체 스토리지 서비스입니다. 이번 시간에는 S3를 이용해서 이미지 서버를 만드는 방법에 대해서 살펴보겠습니다. 1. S3 검색 및hoazzinews.tistory.com 1. spring boot 프로젝트 만들기    2. 의존 모듈 설치aws s3를 사용하기 위..

AWS S3(Amazon Simple Storage Service)는 Amazon Web Services(AWS)에서 제공하는 객체 스토리지 서비스입니다. 이번 시간에는 S3를 이용해서 이미지 서버를 만드는 방법에 대해서 살펴보겠습니다. 1. S3 검색 및 선택AWS 콘솔에 로그인 후 S3를 검색해서 선택합니다. 2. 버킷 만들기  참고. ACL(Access Control List)이란?'접근 제어 목록'으로 특정 파일에 대한 권한(읽기, 쓰기 등)을 설정하는 목록입니다.(누구는 볼수 있고 누구는 못보고 등.)ACL을 비활성화하면 권한 설정이 간단해져서 보안에 취약할 수 있습니다. 상대적으로 활성화하면 보안에 강할수 있습니다. 참고. '모든 퍼블릭 액세스 차단'을 해제하면?퍼블릭 액세스 차단 설정이란, ..

이번 시간에는 Docker를 이용해서 node.js(express) 애플리케이션을 배포하는 방법에 대해서 알아보겠습니다. 1. Dockerfile과 .dockerignore 파일을 만들기프로젝트 루트에 Dockerfile과 .dockerignore 파일을 만듭니다. DockerfileFROM node:20WORKDIR /usr/src/appCOPY package*.json ./RUN npm install --productionCOPY . .ENV NODE_ENV=prodEXPOSE 3000CMD ["node", "main.js"] - FROM node:20: node.js 버전 - ENV NODE_ENV=prod: .env 파일 설정 .dockerignorenode_modulesDockerfile.doc..