145일차 - 프로젝트 26일차

프로젝트

Redux작업을 거의다 마쳤고, Order페이지와 헤더의 변화를 주었다.
삭품이 얼마나 담겨있는지 시각적으로 보여주고, 상품이 없을때 오류가 난것처럼 보이지 않게 화면에 보여준다.
처음으로 프로젝트를 진행하면서 정규표현식을 사용했고, 유용해서 프로젝트가 끝난 후 더 공부해야겠다는 생각이 들었다.

Dev Log

오늘은 어떻게 프로젝트에 기여했나요?

  • 장바구니 동적랜더링 완료
  • 장바구니에 자동적으로 TotalPrice 계산
  • 장바구니에 아무것도 없을때 나오는 화면 제공
  • Header에 현재 물건 계수 띄우기
  • Incesne페이지 리덕스 작업

오늘의 프로젝트에서 힘든 점은 무엇인가요?

  • TotalPirce를 계산하는 것이 어려웠다.
    알고리즘 공부를 하면서 배운 reduce를 이용해서 해결하였다.
const totalStandPrice = stand.stands.reduce((acc, cur) => acc + cur.standPrice * cur.standQuantity, 0);
const totalStickPrice = stick.sticks.reduce((acc, cur) => acc + cur.stickPrice * cur.stickQuantity, 0);
const totalPrice = totalStandPrice + totalStickPrice;
  • 금액 단위를 보기 쉽게하기위해서 1000단위로 콤마를 찍기
    정규표현식을 통해 함수를 만들어서 금액단위들에 적용시켰다.
  const money = (int) => int.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

  • 서버와 통신작업을 시작할 예정이다.

추가

좋은 웹페이지 즐겨찾기