* 해당 프로젝트는 교육 플랫폼에서 5명 팀으로 진행하였으며, 내가 직접 개발한 부분에 대해서만 서술예정
1. react-bootstrap을 이용하여 Login/Register 폼 구현
회원가입 클릭시 회원가입 폼으로 이동
해당 회원가입 폼에서 미리 적혀 있는 placeholder는 onchange시 사라짐
* 정보 작성 후 회원가입 클릭 후 조건에 맞지 않으면 빨간 테두리 및 경고 아이콘,
조건에 맞으면 회원가입 후 로그인 페이지 이동 (회원가입 로직 구현 예정)
회원가입 , 로그인 개발 Flow 구상
1) 회원가입 후 submit을 login api로 전송
2) login api는 값을 db에 저장 후 jwt토큰 발행
3) 로그인을 onclick하면 login api에서 데이터 확인 후 데이터가 일치 하면 메인페이지,
데이터가 일치 하지 않으면 경고 메세지 출력 (alert 말고 input 박스 밑에 메세지 출력)
2. git push 중 충돌 발생
서로 같은 파일을 수정 후 pull하거나 push하면 충돌 발생하여 병합을 진행해야 함
해당 문제 해결을 위한 시도
1. 하단의 최종 결과단에서 코드 입력 --> 다시 충돌 되어 재 병합 진행 하였음
2. 남은 충돌에 맞추어 코드 변경 --> 병합 완료 및 push 성공
* 코드 변경 후 push 하였더니 import한 component의 누락 발생
해결 방안 고안 : 변경해야 할 코드 중 한 쪽을 따로 복사하여 가지고 있다가 한쪽의 코드로 병합 후 복사한 코드로 코딩 후 push
내일 개발할 부분 : 장바구니, 마이페이지 구현 및 추가로 필요한 페이지 UI구현
개인적으로 진행할 부분 : github에 프로젝트 local을 생성 후 개인 github과 연결 후 개발 사항 push하려 했으나 연결 실패로 다시 시도 예정
'Web Project > dev' 카테고리의 다른 글
| dev) 2.5 ~ 2.6 로그인/로그아웃 구현 (0) | 2023.02.07 |
|---|---|
| dev) 2/4 회원 정보 수정 (0) | 2023.02.05 |
| dev) 2/3 Get, Post 완료 (0) | 2023.02.04 |
| dev) 2/2 회원가입 POST 테스트 (0) | 2023.02.03 |
| dev) 2/1 로그인 CSS 변경, 유저 정보 페이지, 회원가입 로직 빌드업 (0) | 2023.02.02 |