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
- 코딩테스트
- CSR
- 리액트를 다루는 기술
- npm
- vanilla.js
- state
- JavaScript
- SSR
- 리액트
- lexicalEnvironment
- react
- Hooks
- 취준
- 카카오페이
- mobx
- Redux
- 상태관리
- Modules
- react.js
- Groo
- closure
- useState
- Binding
- 우아한테크러닝
- scope
- 개발일기
- 취업준비
- excutionContext
- 함수 바인딩
- 환경오염
Archives
- Today
- Total
목록함수 바인딩 (1)
개발하자
Groo - class로 구조 변경!! (vanilla.js로 spa 구현, binding 문제 발생)
기존 프론트 구조 - 함수만을 이용 - 페이지마다 html 파일을 두고 새로운 페이지를 렌더링 하도록 구현 - localStorage에 필요한 정보를 모두 저장해두고 있음 발생한 문제 - 중복되는 기능이 있는 함수를 페이지마다 만들어야 함 - 마크업에 있는 태그가 아니라면 오류가 발생함 (당연하지만,,, ) -> 이거 때문에 중복이 더 많아짐 -> 해결방법이 있을 것 같은데 내가 못 찾는 느낌!! (이것도 찾아봐야겠다) 변경한 프론트 구조 - 클래스를 이용 - SPA 구현 ( data-href 라는 옵션을 태그에 추가해서 구별할 수 있도록) - 페이지 별로 클래스를 생성 - habit, user, comment 클래스를 생성해서 각 기능별로 load, save 기능을 수행할 수 있도록 함 클래스로 변경하..
Project/Groo
2021. 6. 16. 12:26