React 예산계산기

📖 서비스 내용

• 예산을 계산해 주는 서비스입니다.

🖥 개발 내용

• React Hooks를 이용한 Rendering 구현
• CSS를 활용한 디자인 및 애니메이션 효과 구현
• 항목별 금액을 합산한 총 금액 확인
• 예산항목 삭제
• 예산항목 금액 수정
• 유효성검사
• insert, update, delete시 상단에 성공메시지 출력 구현(7초 후 자동으로 사라짐)
• 목록지우기 버튼 클릭 시 전체 List 삭제 구현

💡 성장 경험

React의 기술의 체득화

React로 예산계산기 APP을 개발하면서 React Hooks 사용법을 체득화 하게 되었고 Props전달 및 삼항연산자를 사용한 분기처리를 통해 React 구조 작성법을 더 자세히 알게 되었습니다.

React Component의 이해

Component를 활용하여 React 프로젝트를 어떻게 디자인 해야 하는지 알게 되었습니다.

👀 서비스 화면

(메인화면)

(동작화면)