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