회원가입 & 로그인 flow 알기

설정 및 공통사항

1. 백엔드의 프로젝트 디렉토리의 settings.py의 설정사항인 ALLOWED_HOSTS에 ' * ' 로 해줘야 제약 없이 접속할 수 있다.
2. 터미널에 ipconfig getifaddr en0을 입력하여 나의 IP주소를 알아야한다. 위 이미지를 보면 ex)10.58.1.40을 예로 들 수 있다.
3. 프론트쪽에서 http://10.58.1.40:8000/users/signup 또는 http://10.58.1.40:8000/users/login 등 으로 입력할 수 있게 그 기능을 하는 엔드포인트를 잘 전달 해줘야한다.
4. 프론트엔드가 백엔드의 서버로 접속하기위해서는 동일한 wifi를 사용해야하고 터미널에 자신의 ip주소의 서버를 열수 있는 명령어를 입력한다.
5. 접속이 완료되면 백엔드와 프론트엔드의 키값이 일치해야 keyerror가 생기지 않기에 서로 맞는지 확인한다.

회원가입

회원가입되어 데이터 베이스에 저장된 결과물

로그인

로그인에 성공하였을때 상태코드의 결과물

실습후기

공부를 시작하고 처음으로 프론트엔드와 백엔드가 각자 사이트를 구현하기 위해 공부를 하고 개발을 하여 만든 작업물을 합치는 시간이었다. 회원가입과 로그인 모두 진행하면서 에러사항시 백엔드에서 프론트엔드에 적절한 에러메세지가 전달 되었는지 확인도 하고 성공시 적절한 상태코드가 구현되는지 모두 확인하고 에러를 만났을 때 서로의 문제점에서 대처를 하였다. 대단한걸 개발한것은 아니지만 처음으로 각자의 역할에 맞게 무엇인가 이루었다는 기쁨과 서로가 열심히 했기에 큰 것은 아니지만 작은것이라도 잘 이루어져서 다시 한 번 부족한 나이지만 다음 있을 프로젝트를 위해 더욱 노력하고 열심히 해야겠다는 동기부여가 되는 시간이었다.