Wecode 32일차

김상연·2021년 3월 18일
0

wecode

목록 보기
32/42

08:20 ~ 09:20 헬스장
10시 위코드 도착

레이아웃을 좀 더 수정하고 장바구니에 있는 물품들의 금액과 배송비 총 주문금액을 자동으로 더하는 기능을 구현하였다.

생각만으로는 금방 할 줄 알았지만 처음 짜보는 로직이라 많이 이해도 안되고 구상하기도 어려웠지만 동기의 도움도 받고 구글링도 해서 구현하였다.

  • 총 상품금액을 구하는 코드는 fetch 함수 안에 totalSum이라는 변수에 0이라는 default값을 주고 forEach메서드를 사용해 받아온 json파일 안에 totalPrice라는 key값을 찾은 후 그 키 값들을 모두 더하게 만든 값을 state안의 totalPrice 값에 넣어주었다.

  • 배송비를 구하는 방법은 위에 방법과 똑같이 하면 될줄 알았는데 예상 외로 어려웠다. 일단 "무료"라는 string 값이 있어서 합산이 되지 않았었다.
    그래서 delivery라는 변수에 0을 설정, map함수를 이용해서 "무료"라는 값이 있을 시 0으로 바꾸게 하였다.
    근데 이렇게 하니까 문제가 발생했다. 밑에 렌더링을 할 때 물품 옆에 무료라고 떠야 하는 부분도 0으로 다 바뀌는 문제가 발생한 것이다.

  • 그래서 자식 컴포넌트 안에 deliveryPrice안에 0인 값이 있으면 다시 무료라고 바꿔주게 했다.
    뭔가 일을 두 번 하는 것 같은 느낌이 들어서 다시 한 번 refactoring할때 좀 더 간결하게 로직을 짤 생각이다.

1개의 댓글

comment-user-thumbnail
2021년 3월 21일

갓상연 화이팅화이팅😇

답글 달기