[Dev Log] 20210926 / 박지영

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

https://user-images.githubusercontent.com/83934037/134811099-6aa686da-e4c7-4613-a323-14b45703032b.mov

https://user-images.githubusercontent.com/83934037/134811100-21602118-bf11-4c6e-a35d-e8442707a0df.mov

1. gallery 페이지 내에서 인기순 정렬--> 삭제 완료
2. 더미 포스팅 5개 완료하기...
3. 리뷰 페이지 내에서 검색기능 구현 완료
4. 리뷰 페이지 내에서 정렬기능(최신순, 인기순) 구현 완료
5. 리뷰 상세 페이지 내 레이아웃 마이너한 사항 수정
6. 갤러리 목록에서 좋아요 아이콘 표시(유저 데이터와 비교하여 랜더링하기) —> 구현 완료!
7. 로그인 시 리뷰 상세 페이지 댓글 삭제 아이콘 표시(유저 데이터와 비교하여 랜더링하기) —> 구현 완료!
8. gallery 페이지에서 premium 갤러리 비로그인자들에게 차단하는 모달창 띄우기 —> 구현 완료!
9. register 페이지 내에서 신청버튼 클릭 시 항목 누락하면 '모든 항목을 입력해주세요' 메세지 아래에 띄우기 —> 완료
10. 리뷰 삭제 api 요청 및 응답 확인! 응답데이터 랜더링까지 완료

- gallery 목록과 review 목록에서 아래와 같은 기능들이 있다. 모두 상태값으로 컨트롤되고 있는데... 다른 페이지로 이동했다가 다시 해당페이지로 돌아왔을 때 상태값들이 모두 초기값으로 다시 세팅된다. 상태값 보존이 필요한 것들을 sorting 해서 해결방법을 찾아야 함...!
- Standard/primeum 카테고리 필터링(상태 초기값: standard)
- 해시태그 필터링(상태 초기값: 전체)
- 최신순/전시마감일순 정렬(상태 초기값: 최신순)
- 전시 타이틀 기준으로 검색(상태 초기값: '')
- 최신순/인기순 정렬(상태 초기값: 최신순)
- 버그 발견: 갤러리 목록에서 JSON파싱한 상태의 데이터를 응답으로 받았고, 그 상태에서 갤러리 상세페이지로 이동하여 genre해시그를 또 파싱하면 에러가 발생한다. 한 곳에서만 파싱을 해주고 다른 한 곳에서는 그냥 바로 사용만 해야 함.

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

<우선순위 상>
1. scrollTop 컴포넌트가 작동 안 하는 페이지 확인해봐야 함...!(상태값 확인 필요)
2. 페이지 전환 시 상태값 초기로 돌아가는 것 버그 해결하기
3. gallery 페이지 내 좋아요 해제 응답 확인
4. 갤러리 상세페이지 & 리뷰 상세페이지에서 뒤로가기 버튼 만들기. 뒤로가게 되면 상태값 보존되어져야 함.

<우선순위 하>

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. 댓글 포스팅 시간 한국시간으로 바꾸기
10. register 페이지에서 전시시작마감일 날짜 ui 바꾸기

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

1. context api 사용법 다시 복습하기...
2. 랜더링 페이지 애니메이션 적합한 것 서칭
3. API 요청 및 응답 다시 더블체크. 버그 있는지 확인하기