Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 개발일기
- 함수 바인딩
- closure
- mobx
- 상태관리
- 리액트를 다루는 기술
- SSR
- excutionContext
- 코딩테스트
- 취업준비
- 카카오페이
- 우아한테크러닝
- Redux
- scope
- lexicalEnvironment
- 환경오염
- JavaScript
- Modules
- Groo
- react.js
- state
- react
- vanilla.js
- Hooks
- 취준
- CSR
- useState
- 리액트
- Binding
- npm
Archives
- Today
- Total
목록상태관리 (1)
개발하자
Groo - 실시간 상태 업데이트 (State 클래스 만들기, vanilla.js)
최근에 다시 Groo에 신경 써서 열심히 코딩을 하고 있었다. Groo는 DB를 따로 사용하지 않고 localstorage를 이용해서 데이터를 저장하고, 업데이트 하고 있다. Groo의 메인 컨셉이 오늘 실천한 행동 버튼을 선택하고 물을 주면 나무가 자라나는 컨셉이다. 양동이 버튼을 누르면 tree 와 관련된 데이터가 변경된다. tree 는 groo, watering, cnt 프로퍼티를 가지고 있다. groo: 현재 몇 그루의 나무를 키웠는지 저장 watering: 현재 나무에 물을 얼마나 주었는지 저장 cnt: 몇개의 행동을 실천했는지 저장 그리고 watering과 cnt를 계산하여 groo 프로퍼티를 성장하게 할 수 있도록 했다. 근데 여기서 문제가 발생했다!!! 양동이 버튼을 눌렀을 때 sideba..
Project/Groo
2021. 7. 14. 22:47