[Dev Log] 20210919 / 박지영

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

1. 다희님과 랜딩페이지 레이아웃 & 컨텐츠 기획 완료(랜딩페이지 & ABOUT페이지에서 서비스 포인트 3개를 강조. 다만 랜딩페이지에서는 시각적인 요소에 집중하고, ABOUT페이지에서는 텍스트를 덧붙여 서비스 포인트 내용을 자세히 설명하기로 함. 랜딩페이지에서는 앱 시작하기 버튼 1개만 있어 바로 ABOUT페이지로 넘어가고, ABOUT페이지에서는 각 3가지 서비스 포인트마다 버튼이 있어 상세페이지(Gallery, Review, Register)로 넘어감)

2. 어제 만든 3D 작업물에서 drei로부터 import해온 배경 삭제함.(기본 light 가 일방향적이라 갤러리의 한 면은 어두웠고, 색깔도 default 값이 푸른색이라 맘에들지 않았기 때문) 그랬더니 빛이 사라져서 물체가 까맣게 변했다;. 모델은 유지하고 ambientLight, directionalLight, pointLight만 원하는 방향대로 intensity 조정해가며 추가로 적용해주었더니 어제보다 훨씬 빛 랜더링 상태가 괜찮아짐.(기본 사물 랜더링 참고 영상: https://youtu.be/fdtqqyeKRJk)

https://user-images.githubusercontent.com/83934037/133928607-c62a19c0-bcf9-4945-ae69-307802b90fe4.mov

3. ~~초기 카메라 위치도 갤러리 밖에서 갤러리 안으로 바꿔주기 위하여, 모델의 scale을 1—> 5로 변경하였다. 다른 방법이 있을 지 생각해봐야함.~~ 생각해봤는데 scale 그대로 두고 에다가 카메라 포지션 속성을 넣어주었다. 더 괜찮은 방법인 듯.
4. 메인랜딩페이지 애니메이션 소스 찾아보는 중

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

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

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

1. three.js pointerlock 참고하여 키보드 작동 구현해보기.(or 작품 확대 가능하면 굳이 키보드 작동 안 해도 되긴 하지만...)
2. 분리된 3D 코드 art-ground 본 파일로 연결하기.(@react-three/fiber, @react-three/drei, three 모듈설치 완료)
3. 서브카테고리에 auction 삭제하기. 단일 작품에 more option 아이콘 버튼 추가하여 '작가에게 구매의사 알림 보내기' 모달창 만들기.