한상훈 Han Sang Hoon 韓相勳

🎉 마스터클래스 강의가 드디어 인프런에 등록했습니다!
강의는 일요일 자정부터 열릴 것으로 예상되고, 첫 2주간 25% 할인이 적용됩니다.

인프런 링크: inf.run/Yj6A4

🎯 상세 커리큘럼
1. 자바스크립트 심화
- 런타임 구조
- 콜백 함수와 Promise
- Web API
- Map / WeakMap
- Set / WeakSet
- 클로저와 메모리 관리

2. 프로그래밍 패러다임
- 객체 지향 프로그래밍
- GoF 프로그래밍 디자인 패턴
- 함수형 프로그래밍
- 제너레이터 활용법

3. 디자인 패턴
- 아토믹 디자인 패턴
- Presentational & Container 패턴
- FSD 패턴
- Custom Hooks
- Compound Components
- Render Props 패턴
- Higher-Order Components(HOCs)
- Memoization
- Virtualization
- Props Collections & Getters
- Slot
- State Reducer
- Lifted State

4. 상태 관리
- 상태 관리의 등장 배경
- Redux 상태 관리
- Recoil 상태 관리
- Zustand 상태 관리
- Jotai 상태 관리
- Context API 사용 전략

5. React/Next.js 생태계
- 리액트 버전별 특징
- Next.js 버전별 특징
- Fetching 전략(React-query, SWR, Axios)
- CSR 데이터 패칭 전략
- SSR 데이터 패칭 전략
- ISR 데이터 패칭 전략
- Next.js의 SEO

6. 스타일링
- 디자인 시스템 구축 방식
- Tailwind
- Emotion.js
- CSS Modules

7. 폼 관리
- Form 핸들링
- 동기/비동기 벨리데이션 전략
- Form 사용자의 UX

8. 테스팅
- Unit 테스트
- Integration 테스트 전략
- E2E 테스트 전략

9. 애니메이션
- GSAP 사용법
- Motion 사용법
- Anime.js 사용법
- 애니메이션 UX 최적화

10. 인증 및 보안
- OAuth 2.0, NextAuth.js, OpenID Connect
- 세션 및 토큰 관리
- Next.js 토큰 전략
- 양방향 암호화 Payload

11. 성능 최적화
- Core Web Vitals
- Critical CSS
- 코드 스플리팅
- Lazy Load
- 이미지/폰트/번들 최적화

12. 병렬 처리
- Web Worker 사용법
- 브라우저 병렬 처리 성능 향상
- 브라우저 오프라인 전략

13. 접근성 및 국제화
- WCAG 2.1 웹 접근성
- ARIA 사용 사례
- 접근성 테스트 도구
- i18n 구현 및 다국어 관리
- 포맷팅/RTL/통화처리
- 현지화 성능 전략

14. 개발 도구
- 개발자 도구 활용법
- 웹 분석 도구 활용법
- 번들링 평가 도구 활용법

Skip the Carousel

1 2 3 4 5

1 month ago | [YT] | 52