사이드 프로젝트

SSAFY에서 2번의 프로젝트를 하면서 기술 부채가 쌓이는 것을 느껴서 개인적인 사이드 프로젝트를 진행하면서 하나하나 되짚어볼 생각이다.당장 아이디어가 생각나지 않아 우선은 게시판 만들기부터 수행하면서 아이디어를 차근차근 해결 할 생각이다.Learning curve를

Vue Router 생성 npm install vue-router 를 vscode에서 터미널에 입력 아래와 같이 router.js 생성 후 코드 붙여넣기 레이아웃 header / contents / footer로 구성 > https://onethejay.tist

Vue Router 생성 npm install vue-router 를 vscode에서 터미널에 입력 아래와 같이 router.js 생성 후 코드 붙여넣기 (추후 변경 필요)

Vue 화면 구성 Vuetify를 적용한 Vue 초기 화면 HelloWorld.vue에 Vuetify의 Application Layout을 적용한다. 필요없는 코드를 삭제하고 레이아웃만 추가한다. HelloWorld.vue Application bar 왼쪽 서

Layout Application bar Layout Application bar에 Veutify MENU : Activator Slot1, 2 추가 (HelloWorld.vue) > https://vuetifyjs.com/en/components/menus/ A

Vuetify를 통해 기본 메인 환경에 대한 구성은 끝났으므로, 로그인 화면을 구성하고 로그인 기능을 만들 예정. 로그인은 Cookie, Session, JWT를 이용하는 방식이 있으며, Spring Security, Redis를 이용한 Token 처리 등 다양한

프로젝트의 뼈대를 만드는 작업 중이므로 HTTP에 맞는 Stateless 구현하기 위해 JWT 방식과 DB Resource 측면 및 서버 확장 가능성 등을 고려해 JWT, OAuth 로그인 방식을 구현하기로 결정 추후 필요시 Session을 추가로 구현하는 방식을 고려

회원 가입 기능 구현 회원 가입 화면 중 누락된 부분을 추가하고 기능을 회원가입 정보를 Server에 보내는 기능을 추가한다. 회원 가입을 위해서 Email, Password에 verify password를 추가한다. v-model을 적용한다. Email, Pas

회원가입 기능을 구현한다.회원 가입 기능을 구현하기 위해서는 Passowrd 필드 아래에 입력한 Password가 맞는지 한번 더 확인하는 필드가 추가로 필요하다. v-model 또한 script에서 data로 지정이 필요하다.Passowrd Verify를 추가한다.E

이메일 양식 검사와 패스워드 양식 검사를 통과한 후 SIGN ON 버튼을 클릭 했을 때, Client는 (웹 브라우저) Server로 HTTPS / POST 방식으로 email과 password를 전송해야 한다. (물론 그 전에 email 중복 체크를 해야 한다.)

CORS, CSRF가 무엇인지 부터 알아야 하겠지만, 우선 테스트가 목적이므로 간략하게 알아본 뒤 코드를 적용한다. 결론부터 말하자면 CORS는 테스트를 위해서 모든 Origin(출처)에 대해서 허용하도록 수행하고, CSRF는 Disable 상태로 변경한다. CORS

Spring 스프링이란 POJO(Plain Old Java Object)를 통해 자바 애플리케이션을 쉽게 만들 수 있도록 도와주는 프레임워크 Spring Framework is a Java platform that provides comprehensive infra