반응형 Projects/OpenRoadmaps12 [OpenRoadmaps] 3. 이메일 및 OAuth2 로그인 구현 Intro 사용자가 회원가입 및 로그인하는 방법으로 이메일 / OAuth2 두가지가 있다. 위 기능을 구현하며 중요했던 부분들을 정리해보자. 이메일 로그인 Frontend 입력값 검증 useForm Hook을 사용하여 입력값을 검증했다. regex 형식으로 검증하며, 패턴에 일치하지 않을 시 input 아래에 에러 메시지가 뜨도록 구현했다. 이메일 로그인 요청 API 세션으로 사용자를 인증하기 때문에 로그인 시 쿠키를 받고, 이후 요청마다 해당 쿠키를 전송해야 한다. 쿠키와 함께 요청하기 위해 withCredentials를 true로 설정해야 하는데, 모든 요청에 해당 속성을 넣는건 번거로우니 true로 설정되어있는 axiosInstance를 만들었다. import axios from "axios"; c.. 2022. 11. 28. [OpenRoadmaps] 2. 프로젝트 구조 설계 및 환경 설정 Backend Spring Boot 다른 프레임워크들도 있지만 그동안 Spring을 공부해왔고, 시간이 별로 없기 때문에 가장 익숙한 프레임워크로 선택했다. 프로젝트는 Intellij에서 제공해주는 제너레이터를 통해 생성했다. Gradle 설정은 다음과 같다. dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' // Spring Data JPA implementation 'org.springframework.boot:spring-boot-starter-data-redis' // Redis implementation 'org.springframework.boot:spring-boot-starter-oaut.. 2022. 11. 28. [OpenRoadmaps] 1. 프로젝트 시작 Intro 드디어 마지막 학기다. 그동안 공부한 지식들로 졸업작품을 만들어야 한다. 사실 졸업작품 주제로 미리 생각해둔게 있었는데, 한 줄로 정리하면 다음과 같다. 자신만의 로드맵을 만들고, 다른 사람이 만든 로드맵을 따라 공부할 수 있는 웹사이트 프로젝트 이름은 OpenTutorials.org 에서 따왔고, OpenRoadmaps.xxx 도메인으로 배포도 해볼 예정이다. 백엔드는 미리 공부해둔게 있어서 큰 걱정이 없지만, 프론트엔드 개발에 시간이 꽤나 들어갈 것 같다. 프로젝트 기능 회원가입 / 로그인 Email / Password 로그인 OAuth2 (Google / Github) 로그인 로드맵 로드맵 보기 로드맵 항목과 연결선으로 구성된 트리 구조 (최대 1개의 부모 항목을 가질 수 있음) 로그인된.. 2022. 11. 27. 이전 1 2 다음 반응형
