jaypedia / vending-machine Goto Github PK

• Learn & apply React Router v6

• Description of a software feature from a user's perspective
• Describes the type of user, what they want and why

• Create mock data using javascript

• webpack
• prettier
• eslint

• useReducer hook을 사용하여 상태 관리 로직 리팩토링

• Styled Components 활용하여 디자인
• svg 배치

• OuterContainer (White)
• InnerContainer (Grey)
• Input, Button, Log Components

• Timer 컴포넌트 생성
• 유저가 돈 입력 시 5초 타이머 시작

가격을 입력하기 위한 CashDisplay 컴포넌트 개선

• 천 단위마다 자동으로 콤마 찍힐 수 있도록 수정 (toLocaleString 활용)
• 맨 앞자리에 0이 입력되지 않도록 수정 (정규표현식 활용)