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

🔙 이전 시리즈

11/29 TIL | 레벨 테스트 작업 일지 Day 2. 풀스택 개발자로 떠나는 여행🕺🏻

---

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

✅ 마크업(로그인, 회원가입, 상품 목록 페이지)
✅ 상품 목록 페이지 프론트 기능 구현
✅ 프론트 msw로 테스트 서버 구축
✅ 상품 조회 API 구현
✅ 기프트샵 상품 데이터 크롤링

작업 회고

원래 어제 모든 페이지를 마크업하겠다는 목표를 세웠지만 곰곰이 생각해보니 지금 당장 주문 페이지와 주문 상세 페이지까지는 필요 없겠다는 생각이 들었다. 그래서 상품 목록 페이지를 먼저 구현하고! 상세 페이지의 경우, '선물하기' 버튼이 로그인이 되어 있지 않은 경우, 주문할 수 없기 때문에 상품 상세 페이지 작업을 하게 되면 이때 로그인-회원가입을 구현하자는 결론을 내렸다. 하여 앞으로의 작업 순서는 다음과 같다!

상품 목록 페이지 > 상품 상세 페이지 > 로그인/회원가입 페이지 > 주문 페이지 > 주문 내역 페이지 > 주문 상세 페이지)

그래서 오늘은 상품 목록 페이지를 마크업을 하고, (배너의 경우에는 변동이 있지 않기 때문에 스타일링도 함께 진행함) Store, Hooks, msw 테스트 서버 작성을 하여 당장 프론트에서는 목 데이터를 잘 불러오고 있다.

상품 조회(= 스토어) 페이지

이제 화면에서도 상품 리스트가 출력될 수 있게 진짜 서버를 만들어줘야 하는 시간.. 당장은 전체 상품 조회 API만 있으면 되기 때문에 PostController의 GET /products만 구현을 해줬고, 이제 기본으로 DB에 넣어줄 상품을 크롤링했다. 첨에는 메인 페이지에 보여지는 상품 개수가 8개뿐이라 그냥 목 데이터를 직접 입력해줄 생각이었는데, 쥬쥬가 크롤링 스크립트를 만들어준 덕분에 그걸 활용해서 다나와 사이트에 있는 내가 원하는 카테고리들을 손쉽게 추출할 수 있었다!

크롤링한 데이터!

 

👇 Big shout out to JyuJyu💝

20221130 TIL 인생 최초로 크롤링을 해보다

---

그리고 오늘 작업부터 뽀모도로 방식(25분 작업/5분 휴식)을 도입했다. 원래 목표는 5분 휴식 시간에 뽀모 단위별 작업 내용을 정리했는데 오후에는 작성을 하지 못했다. 뽀모 시간만 돌아가고 쉬는 시간에도 쭉 작업해버리는 상황 발생..(뽀모를 도입한 의의가 퇴색되어 버리는 상황 연출..!) 작업 시간이 너무 짧아서였을까? 다른 분들은 40분 작업/10분 휴식으로 뽀모를 돌리고 있어 나도 내일은 한번 이 시간으로 돌려보도록 해야겠다.

뽀모 단위별 작업 내용 정리

저녁에 다시 작업하면서 뽀모를 열심히 돌렸지만 역시나 뽀모 단위별 작업 내용 정리는 별도로 하지는 못했다. 근데 또 한편으로는 애초에 뽀모도로를 하는 게 작업할 때 집중력을 극대화시키기 위함이니 매 휴식 시간마다 회고를 작성하는 것에 대한 집착은 살짝 내려놓고 집중이 될 때는 쭉 작업을 하고, 어느 정도 작업량이 차면 그때마다 작성해보는 것으로 하자.

무튼 오늘 여러모로 열심히 작업을 했으나 하루에 순 코딩 시간으로 10시간은 채우지 못했고, 8시간 10분으로 마감하게 되었다.. 내일은 10시간 작업에 도전해보자! 오늘도 수고 많았다💪