20.08.10::TIL

오늘의 한 일

---

• superfluid 장바구니 기능 구현

 

 

보완해야할 부분

---

• 함수 호출과 함수 자체를 적는 코드에 대해 조금 헷갈리고 있는 것 같다.

함수선언

function square(number) {
  return number * number;
}

# 함수호출

square(1);

# 함수실행

console.log(() => square(2));  // function
console.log(square(2));   // 4
console.log(square);  // function:square

콘솔에 "() => {}"  이런 형태로 작성한다면 콘솔 결과에는 "함수" 자체가 출력된다.
함수에 인자값을 넣어 결과를 호출하고 싶다면 "함수명(인자)"를 입력해야한다.
만약, 함수명만 입력한다면 "함수: 함수명" 과 같은 결과가 출력될 것이다.

 

위코드

---

 

위코드 프로젝트 마지막 주차가 시작되고 있다.

다들 체력도 많이 고갈되지만 끝을 향해 열심히 달려가는 듯 하다.

 

주말동안 열심히 장바구니 기능과 UI를 구현했다.

그리고 오늘 마무리 작업 후 확인하려보니  

아무리 수량의 플러스, 마이너스 버튼을 눌러도 함수 계산결과는 잘 나오는데, 

state 값도 잘 나오는데 화면 렌더링이 안되는 것이었다.

 

주변 동료들에게 알아보니  내가 구현한 방법은 실제로 잘 사용하는 방법은 아니고, 

플러스 마이너스 상품의 수량 변동을 누를 때 

프론트단에서 수량을 처리하는 것이 아니라 백엔드에 fetch함스로 통신을 해서 

백엔드에서 수량 관리를 하도록 요청하는 방식이 좀 더 알맞다고 한다. 

 

생각해보니, 유저가 장바구니에 담은 내용들이 local이나 session에 담기는 것이 아니라 

DB에서 담아 처리하는게 맞는 것 같다. 

 

그래서 로직들을 쭉- 변경하면서, 주말동안 한 일들이 사라지는 기분이어서 아쉬웠지만, 

처음 제대로 된 구상이 얼마나 중요한지를 다시한 번 깨닫는 시간이었다. :)