12/1 TIL | 레벨 테스트 작업 일지 Day 4. 차근차근 만들어가는 마카오 기프트샵🎁

🔙 이전 시리즈

11/30 TIL | 레벨 테스트 작업 일지 Day 3. 뽀모도로로 작업 효율 높히기 & 데이터 크롤링!

---

 

오늘 작업 목표 달성률(85%)

✅ 상품 목록 조회 API, Backdoor API 구현(PR)
✅ 상품 목록 페이지 프론트 로직 구현, 스타일링 완성(PR)
✅ 상품 목록 페이지 Unit, E2E Test 모두 통과시키기
🟩 상품 상태 페이지 기능 구현(작업 중💬)

작업 회고

오늘은 어떤 어떤 작업을 했는지 돌아보자! 우선 어제 크롤링한 데이터를 상품 목록 페이지에서 사용해야 하기 때문에 DB에 밀어 넣는 Backdoor API(setupDatabase)를 만들었다. 그렇게 상품 목록 페이지에서 데이터들이 잘 불러와졌고, 그러고 나니 뭔가 거슬리는 마크업만 한 UI... 나는 정말이지.. 스타일링을 안 하고서 다음 페이지로 넘어갈 수가 없는 거다..ㅋㅋ 로직 구현이 최우선이긴 하지만..! 뭐 나에게 스타일링은 작업에 지장을 줄 만큼 오래 걸리는 작업은 아니기 때문에 후다닥 스타일링을 해버렸다!

그렇게 완성된 상품 목록 페이지 UI 화면!

그리고는 추가된 컴포넌트들에 대한 유닛 테스트도 더 추가하여 모두 통과시켰고! 1일 차에 작성했던 인수 테스트도 돌려보니 모두 제대로 통과!

유닛 테스트, 인수 테스트 모두 통과!

그리고 상품 상세 페이지를 한참 작업하다 TIL을 쓰는 중이다. 상품 목록 페이지에서 상품을 클릭해 링크를 이동하면 해당 아이디의 상품 정보를 fetch해서 store에 저장하고 저장된 내용을 화면에 뿌려주게끔 마크업을 한 상황이고, 이제 진짜 주문하기 직전에 구매 수량을 체크하면 금액이 증액되게끔 하는 작업을 해야 한다. TIL을 올리고, 이어서 선물하기 버튼을 누르면 주문 페이지로 넘어가게끔만 해놓고 오늘 작업은 여기까지!

내일은 주문 페이지, 로그인, 회원 가입 기능을 구현하면 된다. 생각을 정리하고 아샬님이 가르쳐주신 내용을 토대로 차근차근 나아가니 점점 완성되어가고 있는 마카오 기프트샵!🎁💝 재밌다 재미져~ 조금 더 속도를 내보자! 그럼 내일도 파이팅~!💪