※ 작성일: 2023-10-11

1. 개발 진행 상황

이제 프론트 페이지는 90% 완성되었다. 좀 디테일한 부분이 부족하지만 플로우는 다 보여줄 수 있다.

10월 되면서 백엔드의 데이터와 연결하는 작업을 진행하고 있다. 난생 처음하는 작업에 머리가 어질어질한데 예시 코드를 보면서 하고 있다.

처음 연결했을 때는 제품 목록이 잘 뜨다가 다음 날 발표할 때는 안 떠서 당황했는데 저장된 데이터를 확인해보니 expdate 값이 10월 10일이라서 안 뜨는 것이었다. expdate는 제품의 유효 기간인데 그 시간이 지나면 데이터가 뜨지 않게 해서 그런 거였다. 기간을 늘리니까 정상적으로 잘 보였다.

2. 문제&고민

데이터 연결하는 게 아직 좀 어렵다.

메인 페이지 매장 목록과 제품 목록을 그냥 나열했었는데 반응형 디자인을 위해 가로 길이 제한을 줘서 옆으로 스크롤할 수 있게 했다. PC에서는 왼쪽/오른쪽 버튼을 클릭하면 목록 요소가 하나씩 옆으로 이동되고, 모바일에서는 터치로 스크롤하면 된다. 양 옆 화살표 버튼을 스크롤 위치에 따라 안 보이게 하고 싶은데 잘 안 된다. 스크롤이 왼쪽 끝에 있으면 왼쪽 버튼이 사라지고, 오른쪽 끝에 있으면 오른쪽 버튼이 사라지게 하고 싶다. 이건 좀 디테일한 부분에 속해서 일단 미뤄두고 다른 부분을 먼저 해야 할 것 같긴 하다. 그래도 메인 페이지라서 너무 신경 쓰여.😇

주소 관련 API를 찾아봐야 한다. 메인 페이지에서 사용자 주소를 기반으로 매장과 제품을 찾아야 하니까.