[Dev Log] 20210925 / 박지영

### **오늘 완료한 작업 목록**

https://user-images.githubusercontent.com/83934037/134777491-cff669f1-5125-40eb-a09b-89a0a5f3b5f9.mov

1. 전시 register POST요청 안정화 완료.(배포 서버로)
2. Gallery 목록 불러오기 및 응답데이터 랜더링 완료(전시 승인되고 마감전인 전시만, standard, premium으로 구분) —> likes 테이블 join
3. Review 목록 불러오기 및 응답데이터 랜더링 완료(standard & premium / 전시 승인 & 마감된 것 모두)—> comments 테이블 join
4. Gallery 목록에서 컴포넌트 클릭 시 —> Gallery 상세 페이지로 이동 및 응답데이터 랜더링 완료
5. Review 목록에서 컴포넌트 클릭 시 —> Review 상세 페이지로 이동 및 응답데이터 랜더링 완료
6. gallery 목록 최신순/전시마감일순/인기순 정렬 기능 구현
7. gallery 목록 해시태그 필터링 기능 구현
8. gallery 목록 STANDARD/PREMIUM 카테고리 필터링 구현

### 추후 완료해야 할 **작업 목록(+에러).**

<우선순위 상>

1. register 페이지 내에서 신청버튼 클릭 시 항목 누락하면 '모든 항목을 입력해주세요' 메세지 아래에 띄우기 —> 서버에서 특정 에러 코드 내려줄 때 에러메세지 setState로 넣어 랜더링하기. —> 에러메세지 디버깅 필요.
2. scrollTop 컴포넌트가 작동 안 하는 페이지 확인해봐야 함...!(상태값 확인 필요)
3. 로그인 시 gallery 페이지 썸네일에 하트 표시(유저 데이터와 비교하여 랜더링하기)
4. 로그인 시 리뷰 상세 페이지 댓글 삭제 아이콘 표시(유저 데이터와 비교하여 랜더링하기)
5. gallery & review 페이지 내 좋아요 해제 & 리뷰삭제 응답 확인
6. 리뷰페이지 내에서 검색기능 구현
7. 리뷰 페이지 내에서 정렬기능 구현
8. 페이지 통째로 재랜더링 될때마다 subnavbar내 필터/정렬 값 변경여부 확인하기
9. gallery 페이지 내에서 인기순 정렬--> 삭제하기

<우선순위 하>

1. 이미지 카드 슬라이더 제작 완료. 다만 코드가 맘에 들지 않는다. 코드 리팩토링 필요.
2. (모바일 대응을 위한)이미지 카드 슬라이더 드래그로 좌/우 넘기기(리액트 draggable 라이브러리 사용해야 할 지?)
3. 작품 9개 나열할 때(3*3 grid) height 들쭉날쭉함. 여백 없이 나열해보는 방법 찾아보는 중... —> 이거 너무 찾기 어려움. grid 배열 방식이 아니라 flex column을 3줄 나열하는 방식일 수도 있음. 어차피 사진개수가 정해져 있으니 이 방법으로 레이아웃 바꿔도 될 것 같다.
4. three.js pointerlock 참고하여 키보드 작동 구현해보기.(or 작품 확대 가능하면 굳이 키보드 작동 안 해도 되긴 하지만...)
5. 전시 상세페이지에서 3d 데모 확인하는 인입 버튼 만들고 페이지 연결(새탭열기로...)(참고: [http://lucablaq.com/wp/2021/01/12/react-링크-새-창에서-열기시-주의사항/](http://lucablaq.com/wp/2021/01/12/react-%EB%A7%81%ED%81%AC-%EC%83%88-%EC%B0%BD%EC%97%90%EC%84%9C-%EC%97%B4%EA%B8%B0%EC%8B%9C-%EC%A3%BC%EC%9D%98%EC%82%AC%ED%95%AD/))
6. 단일작품 확대 컴포넌트에서 좌/우 이동 버튼 만들고 작품 이동시키기
7. 단일작품 확대 컴포넌트에서 작품 height가 높은 case까지 커버해야 함. 확인 필요(100vh를 고정으로 두면 안 됨)
8. 스크롤 감지하여 상단 노출/비노출 처리 이벤트 리팩토링 하기(참고: [https://code-study.tistory.com/23](https://code-study.tistory.com/23))
9. 댓글 포스팅 시간 한국시간으로 바꾸기

### **내일 TO DO LIST**

1. 우선순위 상 2~7
2. context api 사용법 다시 복습하기...
3. 랜더링 페이지 애니메이션 적합한 것 서칭