[2주 Project] 5일차 TIL

본격적으로 React를 이용한 프로젝트를 시작하게 되었다.

 

초기에 구성하였던 각 pages를 구성하기로 하였다.

 

내가 맡았던 Home 페이지, Mypage 를 구성하고

 

component로 Menu 를 구성하였다.

 

로그인/ 회원가입 버튼을 만들고 나서 페이지가 아닌 Modal로 구성하기로 하여 Metarial-ui를 사용하기로 정하였다.

 

백엔드에서 API 주소가 잘 맞는지 Postman을 통해 post요청이 잘 받는지 확인하고 회원가입 페이지에 입력창을 완성하였다.

회원가입 시 fetch로 api 주소를 받아와 post요청을 보내준 후 실제 데이터가 백엔드에 들어왔는지 확인하였다.

 

백엔드 담당 팀원들이 데이터가 들어왔다는 것을 확인 해주고

 

로그인 페이지에서 역시 회원가입과 마찬가지의 과정을 걸쳐 작동되도록 만들었다.

 

다만 로그인이 정상적으로 이루어 지면 로그인 버튼이 로그아웃 버튼으로 변경되어 로그아웃을 할 수 있도록 만들었다.

로그인이 되면 마이페이지 에서는 해당 아이디에 대응되는 자료를 useEffect를 사용하여 받아올 수 있도록 하여,

 

로그인이 되고 난 이후 제대로된 정보를 받아올 수 있는지를 확인하는 작업을 거쳤다.

 

2주 프로젝트에서의 첫 주가 이렇게 흘렀다. 처음으로 진행하는 프로젝트다 보니 이리저리 헤메는 부분이 많았다.

 

같이 프론트엔트를 담당하는 팀원과 백엔드를 담당하는 팀원 두분이서 부족한 부분이 있으면 도움을 많이 주셨다.

 

프로젝트 시작할 때 처음에는 계속 어떤 방향으로 어떻게 진행할지에 대한 회의를 많이 하였다. 

 

모두 처음 하는 거다 보니 방향성을 잡는데 오래 걸렸다.

 

그래도 각자의 아이디어를 공유하면서 짧은 1주일이 빠르게 지나간 것 같았다.

 

아직 진행하고자 했던 작업이 반도 안되어 불안하지만, 주말까지 하다보면 기대했던 프로젝트가 완성 되기를 희망한다.