[2주 프로젝트][회고]기록 남기기 #6

나에게 주말은 "월, 화, 수, 목, 금, 금, 금" :()

오늘은 금요일이니깐 오늘도 해야 할 일을 했다.

팀원들과 오전 9시에 만나서 저녁 때까지 했다. 팀원들의 의지와 서포트가 아니었으면 나도 이 정도까지 못 했을 것 같다. 

팀장을 잘 믿고 따라와 줘서 고맙다!

 

CSS 지옥

출처: https://wormwlrm.github.io/kwakcheolyong/

레이아웃 짜는게 이렇게 힘든 것인가. 

이렇게 하면 저게 안 되고..

저렇게 하면 이게 안 되고.. 

 

강의도 돌려보고 레퍼런스도 참고하고 

그래도 안 되고..

 

오늘은 Login Page 레이아웃 구현하는 날이었다. 

 

생활코딩 강의를 돌려봤겠다. "로그인 페이지 레이아웃을 배운 내용을 토대로 만들어보자! "라고 생각했다.

 

쉽게 만들고 넘어갈 줄 알았지만, 오산이었다. :(((

 

부트캠프 과정에서 css를 다룰 기회가 상대적으로 적어서 연습을 많이 못 했던 것이 여기서 터졌다.

 

(손으로 그리면 금방 그릴 수 있는데...)

 

css 만 붙들다가 정작 중요한 부분은 놓칠까봐 대략 구도만 잡았다. 

 

 

왼쪽부터 로그인 페이지 -> 레드 페이지 -> 메인 페이지순이다.

 

대략 구도만 잡았는데도 진이 빠질 만큼 힘들었다.

css는 이번 프로젝트부터 숙원이 될 느낌이다.

이번 기회로 css와 친해져 봐야겠다 :))) ㅎㅎ

 

 

 

(로컬) 클라이언트에서 요청으로 서버에서 데이터 받아오기

오전에 팀원분이랑 axios 가용 버전에 대해서 논의하고 버전을 정했다.

금방 이 작업을 할 줄 알았지만 css에서 시간을 많이 뺏겨서 밤이 다되어서 이 작업을 시작해서 끝냈다. 

 

1) 서버 레포지토리에서 클론 받아서 dot.env 설정하고

2) 외부 환경 변수 등록 후, sequelize로 migration 하고

3) seed file 등록(?) 해주고 클라이언트 부분과 서버 부분의 서버를 켜주고

4) 정리한 api문서(깃북) 보고 postman에서 api에 대한 요청 데이터 잘 받아오는지 테스트하고

5) 연결시켜준다음, main page에서 axios를 import 해준 다음 axios로 값을 받아오는 메서드를 만들어

6) 임의의 컴포넌트버튼에 넘겨주고 임의의 버튼을 클릭하면, set 끌어올리기(lifting state)를 하여 이용하여 값을 받아와 setState 값을 업데이트를 시켜주고, 값을 콘솔에 찍어보기도 하고

 

=> 이런 과정을 통해 로컬 클라이언트에서 서버로 요청을 보내 원하는 데이터를 받는 기능을 구현하였다.