2022-12-29 코딩일기

쇼핑카트 앱이 만들어 보고 싶어서 진행중,,

react / vite / bootstrap / typescript 공부 할 겸

프레임워크는 vite (react) 로 설정

1. typescript / bootstrap 을 이용해 프로젝트 하는 건 처음이라 공부하면서 진행중,, 더딘 상황

2. price 부분에서 가겨을 원화로 하고 싶었는데

   const CURRENCY_FORMATTER = new Intl.NumberFormat(undefined, {
   currency: 'KRW',
   style: 'currency',
   });
   -> new Intl.NumberFormat 생성자를 통해 KRW(원화) 생성!

3. bootstrap에서 Button을 컴포넌트로 사용시 색상 , outline 변경 원할 때 variant 이용해야함.

<Button variant='btn btn-outline-info'/> -> 초록 아웃라인 
<Button /> 그대로 쓰면 primary - 파란색

4. useContext 를 이용한 상태관리 겸 장바구니에 담을 get / increase / decrease / remove 버튼 제작

+++ 느낀점 +++
typescript 를 사용하니 정적으로 코딩을 할 수 있고 , 에러를 잡아낼 수 있어서 좋은 것 같다.
단점) 공부가 필요하다..