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를 적용하면서 시행착오를 많이 겪어 이 부분은 후에 추가적으로 포스팅하기로 한다. 소스코드..

이전 글 간단한 토이 프로젝트 - 0 (프로젝트 의도) 간단한 토이 프로젝트 - 1 (깃허브,슬랙 연동) 간단한 토이 프로젝트 - 3 (springboot 게시판 생성) 간단한 토이 프로젝트 - 4 (jenkins 자동 배포 설정) 간단한 토이 프로젝트 - 5 (nginx와 톰캣 연동) 목표 gcp에 jenkins, nginx, springboot, mysql 인스턴스를 설치한다 의도 가장 인지도가 높은 aws로 구성하고 싶었으나 free tier로 한 개의 인스턴스만 생성할 수 있기에 여러 인스턴스를 무료로 이용할 수 있는 gcp를 선택했다. 작업 (구글 아이디는 있다고 전제한다.) 1. gcp(google cloud platform) (https://cloud.google.com/gcp)에 접속 후 ..

목차 간단한 토이 프로젝트 - 0 (프로젝트 의도) 간단한 토이 프로젝트 - 2 (gcp 인스턴스 생성 / nginx, jenkins, mysql 설치) 간단한 토이 프로젝트 - 3 (springboot 게시판 생성) 간단한 토이 프로젝트 - 4 (jenkins 자동 배포 설정) 간단한 토이 프로젝트 - 5 (nginx와 톰캣 연동) 목표 깃허브에 프로젝트를 올린다 슬랙과 깃허브를 연동해 프로젝트 푸시 알람을 받는다. 의도 지난 직장은 형상관리를 scm-manager(https://scm-manager.org/)로 했으나 브랜치관리를 하지 않았고 scm의 플러그인이나 확장 프로그램을 사용할 수 없어서 다음과 같은 문제가 있었다. 모든 개발자가 master 브랜치에서 작업하니 push할 때 conflict..