210324_TIL (First Project - Day10)

🍎 오늘 한 일

썸네일 이미지 처리
기본적으로 사용자가 올린 썸네일 이미지는 우리 S3 버킷에 보관하도록 했다. 백엔드분이 버킷과 파일을 생성 및 삭제하는 코드를 구현해두셔서, 그 함수를 이용해 사용자가 올린 파일이 버킷으로 가도록 연결시키는 부분과 다시 받아온 s3버킷 파일 주소와 다른 정보들을 서버로 전달하는 부분을 작성했다. 썸네일을 지정하지 않았을 경우에는 default 이미지가 필요할 것 같아서, 몇몇 이미지들이 랜덤하게 들어가도록 해두었다.

parallax scrolling 효과 추가
메인페이지를 좀 더 동적으로 보이도록 개선했다. 새로 올라온 리스트들을 보여주는 부분이 너무 심심해보여서(?) 서핑이라는 우리 컨셉에 맞게 좌우로 움직이도록 하고자 했는데, 이 부분은 css의 keyframe과 animation을 이용해서 구현했다.

요청 함수 작성
좀 더 다양한 상황을 고려하기 위해 백엔드분과 의논 과정을 거쳐 API를 수정하고, 해당 요청을 위한 함수를 작성했다. 한 요청에 조건을 걸어, 조건에 따라 다른 body를 전달하고, 다른 데이터를 받아오도록 했다.

 

🍎 교훈

✔️ 혼자하는 프로젝트가 아니기 때문에 사소한 문제가 생각보다 더 큰 파장을 일으킬 수 있다. 더 꼼꼼하게 하자!
✔️ 내 환경이랑 다른 초기 환경에서 반드시 테스트를 해봐야한다. 빌드 테스트는 매일하기..!

 

🍎 더 해야할 일

✔️ 배포 테스트
✔️ 발표 준비

 

 

✏️ 테스트를 해도해도 오류가 계속 나온다. 후.. 잠을 못자는건 내가 비효율적으로 시간을 보냈기 때문이다. 일을 효율적으로 하자!