[Dev Log] 20210916 / 박지영

### **오늘의 결과물**

https://user-images.githubusercontent.com/83934037/133635329-b63681f5-02b4-4f7a-86c1-6b61fc8a9996.mov

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

<새롭게 완료한 것>

1. Gallery & Review 목록 페이지에서 사진 hover 시 효과 적용

2. 클라이언트 https 배포. [art-ground.io](http://art-ground.io) 도메인 적용 완료.

3. 로고 제작 완료 후 navbar에 랜더링

4. 모바일에서 레이아웃 확인 후 마이너 사항 조정(컴포넌트 크기 조율)
5. 앱 전반적으로 폰트 조절.
6. git merge 충돌 해결........(2시간 동안 ㅠㅠ) --> 교훈: 코드 쌓아놓지 말고 제때제때 PR하자ㅜ...

—

- AWS - S3, CloudFront, Route53을 이용한 정적 호스팅 완료 후 겪었던 에러사항 정리
- 최초에 S3 버킷 만들 때 리전을 '미국 동부'로 선택하기(아시아태평양X)
- Route53 호스팅 영역 생성 후 레코드 정의를 작성할 때, CloudFront의 주소가 뜰 때까지 몇십분 정도 시간이 걸림
- 레코드 정의 작성 시 S3버킷에서 설정한 리전과 동일한 리전을 선택할 것(미국 동부)
- 인증서 발급 후 CloudFront로 돌아와 배포 세팅할 때 인증서를 선택할 수 있을때까지 몇십분 시간이 걸림

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

1. 이미지 카드 슬라이더 제작 완료. 다만 코드가 맘에 들지 않는다. 코드 리팩토링 필요.
2. 이미지 카드 슬라이더 좌/우 화살표 버튼 추가 제작하여 기능 개선 필요.
3. 단일작품 확대 페이지 반응형 레이아웃을 살짝 변경 필요.(ref 사이트 참고)
4. 단일작품 확대 페이지에서 작품 설명 어떻게 overlay 시킬지 고민해봐야 함.
5. 해시태그 카테고리 컨텐츠 조율(팀원들과)
6. 작품 9개 나열할 때(3*3 grid) height 들쭉날쭉함. 여백 없이 나열해보는 방법 찾아보는 중... —> 이거 너무 찾기 어려움. grid 배열 방식이 아니라 flex column을 3줄 나열하는 방식일 수도 있음. 어차피 사진개수가 정해져 있으니 이 방법으로 레이아웃 바꿔도 될 것 같다.

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

1. three.js 기본 내용 공부하기
2. Gallery 목록 & Gallery 상세 페이지 내에서 요청보낼 API 리스트업 & 코드스키마 짜기.