[2024.05.09] 내배캠 두번째 팀 프로젝트의 마지막

내배캠 시작한 지 한 달 정도 된 것 같은데 벌써 두 번째 팀플이 끝나버렸다..! 시간 진짜 빨리 가는 것 같은 느낌

T1F4

우리 T1F4조..

다들 완성까지 힘차게 달리느라 정말 고생 많으셨어요!! 오랜만에 작업에 몰두할 수 있어서 정말 재밌었던 것 같아요. 마이페이지 구성할 때 scrollbar가 아닌 슬라이드도 사용해보고 싶었고, 로그인 구현할 때 세션만료도 넣고 싶었는데 시간이 조금 부족해서 아쉬웠어요. 내일 또 팀이 바뀌는지는 모르겠지만, 계속해서 같이  👍👏❤️😆😂🥳쓰면서 재밌게 뛰어다니고 싶어요(리액션 하도 쓰다 보니 순서랑 뭔지 외워버렸다..!)

---

영화 정보검색 사이트 프로젝트 피드백

튜터님 피드백으로부터 또 한 번 배워갑니다. 아래는 우리 팀 피드백 정리본

 

1. 헤더 고정 기능(우리는 fixed 사용)
 - sticky도 있으니 참고해서 써보기

2. 페이지네이션 구현시 다른 페이지에서 상세페이지 들어갔다, 다시 뒤로 가기 누르면 메인화면으로만 이동됨
 => 페이지 유지하기 위해 쿼리 스트링으로 페이지를 구성하면 좋음

3. TMDB에서 많은 기능을 제공하는데, 좀 더 써보면 좋았을 것

4. 폴더 구조
 - src는 파일이 build 될 때만 사용되는 구조. 
 - 나중에 리액트로 짜면 jsx의 경우 안에 만들어놓은 모든 파일들이 build가 됨. 그땐 파일명이 중요치 않음. 라이브 서버를 사용하는 현재 환경에서 html의 경우 url 주소로 사용되니 kebab-case로 사용되면 좋음

5. 코드보면서 하신 이야기
 - api에서 options를 함수 밖으로 꺼내놔도 좋았을 것.
 - let보다는 const 사용하기
 - 변수 선언은 서로 모아서 가독성 좋게 하기

+ (모두에게) 변수명은 명사로, 함수명은 동사로 사용 권장

 

프로젝트하면서 고심했던 부분

(1) 마이페이지에 북마크 기능을 만들면서 모든 페이지 이동하면서 로그인이 풀리지 않고 유지되어야 하기 때문에 이 부분을 가장 신경 썼다. 

(2) 로그인 유저와 비로그인 유저간 사용할 수 있는 기능에 차이를 두기 위해 예외처리를 했다. 뭔가 하나의 js 파일로 따로 뺄 수 있을 것 같았는데, 매번 작동하는 eventListener가 각기 달라서 결국 하나하나씩 코딩했는데 뭔가 불만족스러웠다.

(3) 언제나 그렇지만 CSS는 갑자기 예상치도 못한 곳에서 툭툭 오류를 일으킨다. 되도록 '이렇게 작성하면 css가 이렇게 작동하겠구나'라는 예측에서 벗어나지 않도록 더 연습 좀 해야겠다.