login

Practice

Login 설계 과정 중 인증에 의한 페이지 Re-Directing (Next.js)

개인 프로젝트를 진행하면서 공부한 내용을 포스팅하기에, 어느부분은 정확하지 않을 수 있습니다.. 예전에 기본 셋팅을 마무리 하고, Login 페이지를 설계 및 구현하기 위해 고려해야 할 부분들에 대해서 생각해보았다. 기본적으로 회원가입을 통해서 가입이 가능해야 한다. 로그인이 되었다면, 로그인 페이지로는 이동이 불가능해야하며, 반대로 로그인되지 않았다면 메인페이지로 이동이 되지 말아야 한다. 아이디를 분실하였다면 그 아이디를 찾을 수 있어야 한다. 패스워드를 분실할 경우, 인증 절차를 통해 새로운 비밀번호 생성이 가능하여야 한다. 우리가 주로 사용하는 구글이나 카카오 중 한 군데를 선택하여 로그인을 구현하여야 한다. 고려할 부분에 대해 한번에 구현하지는 못하겠지만, 우선적으로 기본적인 회원가입과 로그인,..

Programing/React

테라로사 사이트 클론 프로젝트 - 1주차 (Login)

메인창을 마무리 할 때 쯤 팀원의 하소연(?) 으로 추가적으로 login 창을 만들어봐야겠다 생각했다. 금방 만들 수 있을거라 판단했고 실제로 그리 오래걸리진 않았다. 그럼에도 역시나 문제는 발생한다. 만들어진 로그인 창은 이렇게 작성한다. 심플해 보이는 기능인데, 만드느라 조금 애먹었다. 아직도 개념잡기가 너무 힘들다.. 로그인창에서 고려해야 할 사항은 3가지 정도였다. 기본적인 로그인 레이아웃 아이디와 비밀번호 유효성 검사 아이디 저장기능 추가 앞 2가지는 예전에 해본적이 있어서 크게 어려움을 느끼진 않았는데, 마지막 아이디 저장 부분은 처음에 좀 햇갈렸다. 논리적인 부분에서 좀 햇갈리는 부분이 많았는데 차근차근 살펴보니 또 그렇게까진 어렵게 느껴지진 않았다. (뭐지) 유효성 검사 서버와 연동을 할 ..

Yelihi
'login' 태그의 글 목록