[JS-study]

1. 원시타입, 참조타입 그리고 불변성(Immutability)

2. 호이스팅과 활용(Hoisting)

3. 실행 컨텍스트, 클로저, 가비지컬렉터(Scope)

4. 콜스택과 이벤트루프(Concurrency)

[5. 비등기프로그래밍(Asynchronous)] () _ 비동기 패턴(Promise, async/await 등)

[6. 이벤트핸들링(Event Handling)] () _사용자와의 상호작용을 처리하는 방법과 이벤트 리스너

7. 프로토타입이란?(Prototype)

8. 캡처링과 버블링(Event Propagation)

9. 함수형 프로그래밍(Functional Programming)

10. 배열과 객체의 조작 방법

11. 프록시(Proxy)

12.모듈 시스템 (CommonJS, ES6 Modules)

13. ES5 TO ES6 변화

14.디자인패턴 참고하기 좋은 페이지

---

[Web study]

1. 브라우저 구조 및 동작 원리 이해

2. 브라우저 스토리지

3. 브라우저라우터와 해시라우터(Routing) _react router 5 -> 6/7

4. CORS

5. 패키지매니저

6. 모놀리식, 멀티레포, 모노레포(Repository Strategies)

7. Eslint 적용

8. 빅인트, 부동소숫점(Numerics)

[10. 최적화, 나의 생각(optimization)] (순서와 중요도는 상관없음)

ㄴ [10.1. Code Splitting, lazy loading] ()

ㄴ 10.2. 디바운스와 스로틀링(Rate Limiting)

ㄴ [10.3 뷰포인트 밖의 영역은 intersectionObserver 활용]

ㄴ [10.4 스타일 시트와 자바스크립트는 async, defer 비동기로 불러오기]

ㄴ [10.5 render가 가장 덜 나타나도록 state 범위 설정, useEffect 최소화(의존성배열 단순화)와 돔조작 피하기]

ㄴ [10.6. 소켓이나 sse로 실시간 변경이 일어나는 값은 useMemo, useCallback(메모제이션)] _react 19 리액트 컴파일러 등장으로 코드복잡도를 낮추기위해 사용하지 않음

ㄴ [10.7 웹팩기준 analyzer로 청크크기 보고 쪼개주기]

ㄴ 10.8. 개발자도구 활용, 성능측정(DevTool)

ㄴ [10.9 이미지 cdn적용]

11. 서비스 운영환경에 자동배포 구축해보기(Deployment Automation)

12. 상태관리 라이브러리(Global State)

13. 쿠키와 세션, JWT 로그인을 구현해보자(Authentication)

15. Next.Js

[17. 웹팩과 vite, turbo(BuildTools)] ()

[18. Restful api, React-query] () _비등기프로그래밍과 같이보기

19. React 상태관리, 라이프사이클 관리

20. 나를 편리하게 해주는 개발자도구 개발하기(Browser Extenstion)

21. Style

---

[react study]

react 공홈(https://ko.react.dev/)

1. UI 표현하기

2. 상호작용성 더하기

3. State 관리하기

4. 탈출구

---

[next study]

next 공홈(https://nextjs.org/docs)

1. 시작하기

2. 라우팅