nullnull한 인생

front는 react로, 소셜 로그인을 이용한 자체 서비스를 만들어보기로 했다. react를 빨리 습득하기 위해 ebook의 힘을 빌렸다. 소셜 로그인을 구현하는 겸 시큐리티 공부도 쌓기 위해 인터넷 강의도 함께 했다.(https://inf.run/NWbk) 보통의 react + spring의 flow는 아래의 이미지와 같았다. 하지만 리액트쪽 코드 구현을 최소한으로 하기 위해 나의 소셜 로그인 플로우의 큰 틀은 다음과 같다. 1. backend에서 oauth2 기반 로그인 구현 2. front에서 backend의 oauth2 로그인 호출 3. 로그인 성공 시 front로 redirect 이미지로 도식화하면 아래와 같다. 그리하여 지금까지 만든것 1. Front (react) - google 로그인, ..

목차 간단한 토이 프로젝트 - 0 (프로젝트 의도) 간단한 토이 프로젝트 - 1 (깃허브,슬랙 연동) 간단한 토이 프로젝트 - 2 (gcp 인스턴스 생성 / nginx, jenkins, mysql 설치) 간단한 토이 프로젝트 - 4 (jenkins 자동 배포 설정) 간단한 토이 프로젝트 - 5 (nginx와 톰캣 연동) 목표 간단한 게시판 프로젝트를 만든다 작업 *요구사항 정의 1. 글 작성, 글 보기, 글 수정, 글 삭제 기능 2. 회원가입, 로그인, 로그아웃 기능 3. 글 수정 및 삭제는 해당 게시글 작성자만 가능 4. 글 목록은 가장 최근 글부터 10개 단위로 페이징 thymeleaf, jpa, security를 적용하면서 시행착오를 많이 겪어 이 부분은 후에 추가적으로 포스팅하기로 한다. 소스코드..