프론트엔드 기술
프론트엔드 분야의 기술 노트를 수록하며, 프레임워크, 엔지니어링, 스타일, 성능, 브라우저 원리를 다루고 학습하며 지속적으로 보완합니다.
수록 목록
- Vue 3 — Composition API, 반응형 원리, 생태계 선정
- React — 핵심 개념, Hooks, 상태 관리
- 빌드 도구 — Vite, Webpack과 엔지니어링 설정
- 스타일 솔루션 — Tailwind / UnoCSS, CSS 최신 기능
- 테스트 — Vitest, 컴포넌트 테스트와 E2E
계획 목록
| 주제 | 설명 | 상태 |
|---|---|---|
| Vue 3 | 반응형 원리, Composition API, 생태계(Pinia/Router/VueUse) | 계획 중 |
| React | Hooks 사고 모델, 동시성 기능, 상태 관리 선정 | 계획 중 |
| Angular | 모듈형 아키텍처, 의존성 주입, RxJS 반응형 프로그래밍 | 계획 중 |
| Svelte | 컴파일 타임 프레임워크, 세밀한 반응성, SvelteKit 풀스택 | 계획 중 |
| Astro | 콘텐츠 우선 아일랜드 아키텍처, 정적 사이트 생성 | 계획 중 |
| TypeScript 엔지니어링 실무 | 타입 체조, 제네릭 심화, 엔지니어링 제약 | 계획 중 |
| 빌드 도구 | Vite 플러그인 메커니즘, Webpack 원리, 코드 분할과 캐시 | 계획 중 |
| 스타일 솔루션 | Tailwind / UnoCSS, CSS Modules, 디자인 토큰 | 계획 중 |
| 성능 최적화 | 렌더링 성능, 번들 크기, 첫 화면 지표(LCP/INP) | 계획 중 |
| 브라우저 원리 | 렌더링 파이프라인, 이벤트 루프, 저장소와 보안 | 계획 중 |
| 마이크로 프론트엔드와 아키텍처 | Module Federation, Monorepo 구성 | 계획 중 |
| 테스트 | 단위/컴포넌트/E2E 테스트 전략 | 계획 중 |
| 프론트엔드 보안 | XSS, CSRF와 의존성 공급망 보안 | 계획 중 |
작성 규칙
- 각 글은 하나의 기술 포인트에 집중하며, 「핵심 개념 → 코드 예시 → 흔한 함정 → 참고 링크」를 포함합니다;
- 코드 예시는 반드시 실행 가능해야 하며, 적용 버전을 명시합니다;
- 파일명은 하이픈으로 구분하고(예:
vue-reactivity.md), 추가 후config.mjs사이드바에 등록합니다.