[Dev Log] 20210920 / 박지영

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

https://user-images.githubusercontent.com/83934037/134000987-15998d59-5175-4936-96c2-7e04d1337db4.mov

https://user-images.githubusercontent.com/83934037/134000969-21222157-5195-4b34-95bf-f61891e09eae.mov

1. 메인랜딩페이지 애니메이션 소스 찾아보는 중
2. 반응형 Navbar에서 로그인/회원가입/마이페이지 버튼도 sidebar로 숨김 처리.
3. Navbar 상단에 고정(참고: [https://www.daleseo.com/css-position-fixed-navigation/](https://www.daleseo.com/css-position-fixed-navigation/)) —> navbar의 부모 & 자식 태그들이 복잡하여 position sticky가 작동하지 않아, position fixed로 대체사용함(+ body에다가 padding-top으로 body컨텐츠 올라간것 다시 내림)
4. Navbar가 상단에 까맣게 고정된 상태로 있으면 사이트가 너무 답답함. 스크롤 150이상으로 내렸을 때 배경색 white로 변경, 다만 navbar가 조금 뚱뚱한 상태라 크기 조정없이 상단에 고정되어 있으면 이것도 답답해서, 스크롤 150이상 내렸을 때 로고 사이즈를 줄여 height가 전체적으로 작아지는 효과를 냄(+좌측 상단으로 로고 이동시킴).
5. 페이지 이동 시 상단으로 스크롤 이동시키는 코드 컴포넌트 추가.
6. 분리된 3D 코드 본 파일로 연결 성공.(@react-three/fiber, @react-three/drei, three 모듈설치 완료)
7. 전시 register 페이지 axios POST 요청 보내기 직전까지 코드 세팅중.

### **오늘 작업 중 완료하지 못한 것들 목록(+에러)**

1. Gallery 목록 & Gallery 상세 페이지 내에서 요청보낼 API 리스트업 & 코드스키마 짜기.*****
2. 이미지 카드 슬라이더 제작 완료. 다만 코드가 맘에 들지 않는다. 코드 리팩토링 필요.
3. (모바일 대응을 위한)이미지 카드 슬라이더 드래그로 좌/우 넘기기(리액트 draggable 라이브러리 사용해야 할 지?)
4. 단일작품 확대 페이지에서 작품 설명 어떻게 overlay 시킬지 고민해봐야 함.*****
5. 작품 9개 나열할 때(3*3 grid) height 들쭉날쭉함. 여백 없이 나열해보는 방법 찾아보는 중... —> 이거 너무 찾기 어려움. grid 배열 방식이 아니라 flex column을 3줄 나열하는 방식일 수도 있음. 어차피 사진개수가 정해져 있으니 이 방법으로 레이아웃 바꿔도 될 것 같다.
6. three.js pointerlock 참고하여 키보드 작동 구현해보기.(or 작품 확대 가능하면 굳이 키보드 작동 안 해도 되긴 하지만...)
7. 전시 상세페이지에서 3d 데모 확인하는 인입 버튼 만들고 페이지 연결

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

1. 단일작품 컴포넌트 내 작가에게 구매의사 알림 보내기 모달창 구현
2. Review리스트 내 검색기능 구현
3. 오늘 완료하지 못한 작업목록에서 ***** 표시한 것 우선순위로 먼저 진행하기