
페이먼츠 1단계 - Component & Storybook 돌아보기
·
공부/우아한테크코스
해당 내용은 우아한테크코스 7기 프론트엔드를 진행하면서 페이먼츠 1단계 - Component & Storybook를 진행하면서 제 코드의 의도를 설명하고, 복습하는 의미의 글입니다!학습목표?재사용 가능한 Input Component를 개발하기StoryBook으로 컴포넌트의 다양한 상태를 테스트하기상태관리를 경험하기전체 파일 구조📦src ┣ 📂component ┃ ┣ 📂card ┃ ┃ ┣ 📂util ┃ ┃ ┃ ┗ 📜maskingNumber.ts ┃ ┃ ┗ 📜Card.tsx ┃ ┣ 📂cardDetails ┃ ┃ ┣ 📜CVCInput.tsx ┃ ┃ ┣ 📜CardNumberInput.tsx ┃ ┃ ┗ 📜ExpiryDateInput.tsx ┃ ┣ 📜Descr..