코드스테이츠 첫 번째 2주 프로젝트 2주차(12/29)

오늘은 movieCompare 페이지 손 보는 날!
전체적으로 css가 굉장히 어려웠다. 버튼의 위치나 크기를 잡는 것도 그랬고, 포스터의 위치가 navbar 영역을 침범하기도 하고 댓글창의 높이에 맞추어 버튼 크기를 맞추는 것 등 정말 손으로 '이렇게-' 집어서 딱 옮기고 싶다는 생각이 들만큼 막상 구현하려고하니 쉬운 게 하나도 없었다. 거기에 더해서 전체적으로 코드 작성이 굉장히 어려워서 동기와 한동안 정적이 흐르기도 하고 함께 끙끙댔지만 작업이 전반적으로 쉽지 않았던 날이다.

✔ To do list

• 서버단에서 logout에 문제가 생겨서 헬프데스크에 글을 남겨둔 상태라고 한다. 로그아웃시 세션이 삭제는 되는데 구글 로그아웃이 되지 않는 상태로 혹시 찌꺼기가 남으면 찝찝할 수 있기 때문에 완전히 로그아웃될 수 있도록 구현하려고 하는 것 같은데 답변이 달릴 때까지 로그아웃 페이지 구현은 중단하기로 했다.
• 서버단에서 네이버 영화사이트에서 관련 정보를 크롤링하는데 성공했고(정말 고생했을 것 같았다ㅠㅠㅠㅠㅠ) 오늘은 프론트단에서 그 데이터를 받아서 (특히 포스터관련 데이터) 홈페이지에 랜더링하는 것까지 시도해보기로 했다.
• 메인 페이지에서 선택한 2개의 포스터가 movieCompare페이지로 넘어와서 랜더링되고 그 아래에는 한줄 댓글을 남길 수 있도록 코드 작성을 해주었다.
• 반응형 페이지로 만들기 위해서 적당한 비율을 찾는게 어려웠다.

❓ 더 연구해야 하는 부분

• 로그아웃 버튼이든 모달창이든 어떤 형태로든 무언가를 넣어주면 좋겠는데 오늘까지 작업하기에는 시간이 부족할 것 같다.
• 댓글창에는 작성자, 시간, 내용이 들어갔으면 좋겠다는 의견을 동기가 냈다. 테이블을 활용해야할까? 함께 고민해봤다.
• CSS에는 정말 왕도가 없는 것 같다. 많이 해보고 원리에 대한 이해를 하는 수밖에는!

moviecompare페이지
: 메인페이지에서 선택한 영화의 포스터 2개가 들어갈 자리와 코멘트 창, 약간의 잔기술을 이용해서 마치 아래 줄쳐진 노트처럼 나오게 했다.