실습

[리액트앱] 습관 체크 애플리케이션

znvlcm 2022. 6. 8. 15:17

깃허브 주소 

https://github.com/amy4229/habit-tracker/

 

GitHub - amy4229/habit-tracker

Contribute to amy4229/habit-tracker development by creating an account on GitHub.

github.com

배포된 페이지

https://amy4229.github.io/habit-tracker/

 

Habit tracker

 

amy4229.github.io

 

 

 

# 습관 관리 어플
### 이 어플은 관리하고 싶은 습관을 등록 후 실행할 때마다 횟수를 체크해주는 어플입니다.
현재 버전에는 예시로 3개의 예시 습관이 등록되어 있으며, 삭제할 수 있고 혹은 추가할 수 있습니다.
상당 해더에는 모든 관리 습관의 횟수의 합계를 표시하고 있고
각 습관은 이름 옆에 횟수가 표시되고
플러스, 마이너스, 쓰레기통 버튼이 차례로 나열되어있습니다.
각 습관은 실행시 플러스 버튼을 누르거나 마이너스 버튼을 통해 횟수를 늘리거나 줄일 수 있습니다. 
쓰레기통 버튼을 누르면 삭제할 수 있습니다.
reset all을 누르면 모든 습관이 삭제됩니다. 

## 개발 언어
React css3


class 컴포넌트 방식 + 함수컴포넌트 (addHabit)

개발 관련 이슈 

pureComponent, 함수컴포넌트 변환, memo Top Level API사용 관련 내용

https://github.com/amy4229/habit-tracker/issues?q=is%3Aissue+is%3Aclosed 

 

GitHub - amy4229/habit-tracker

Contribute to amy4229/habit-tracker development by creating an account on GitHub.

github.com

 

 

728x90

'실습' 카테고리의 다른 글

[React] Youtube 클론코딩  (0) 2022.06.18
[javascript] 양구하기 게임  (0) 2022.05.25
[webRTC] 화상채팅 실습  (0) 2022.05.13
[실습] 장보기체크리스트만들기  (0) 2022.04.26