💬 Language
TypeScript Utility Types 실전 가이드
TypeScript 유틸리티 타입을 DTO, 업데이트 payload, selector, 파생 타입 설계에 어떻게 써야 하는지, 어디서부터는 가독성을 해치는지 정리합니다.
Tag Archive
#javascript
이 태그는 현재 15개의 포스트와 연결되어 있습니다. 같은 문제를 다른 관점에서 다룬 글까지 함께 따라가면 주제 이해가 훨씬 빠르게 넓어집니다.
Expand The Topic
함께 많이 등장하는 태그
💬 Language
Modern JavaScript ES2024 문법 실전 해설
최신 JavaScript 문법을 단순 문법 소개가 아니라, 코드 품질을 실제로 높이는지 기준으로 읽습니다. 무엇이 진짜 도움이 되고 무엇은 여전히 절제가 필요한지 정리합니다.
💬 Language
TypeScript Generics 실전 가이드
TypeScript 제네릭을 어디서 쓰면 API 계약이 더 강해지고, 어디서부터는 타입 퍼즐이 되는지 실무 기준으로 정리합니다.
📱 Mobile
PWA 완전 가이드: 앱스토어 없이 설치 가능한 웹앱
Service Worker, Web App Manifest, 오프라인 지원, 푸시 알림, 홈 화면 설치까지 포함해 PWA를 실무 기준으로 설명합니다.
📱 Mobile
React Navigation 6 완전 가이드
React Native 표준 내비게이션 라이브러리인 React Navigation 6를 실무 기준으로 설명합니다. Stack, Tab, Drawer, 중첩 구조, 딥링크 전략을 다룹니다.
📱 Mobile
React Native + Expo로 시작하는 모바일 앱 개발
Expo를 활용해 React Native 앱을 빠르게 시작하는 방법을 실무 관점으로 설명합니다. 프로젝트 설정, 내비게이션, 스타일링, 네이티브 기능 접근, 배포를 다룹니다.
🔧 Tools
Webpack에서 Vite로 마이그레이션하는 실전 가이드
단순 config 번역이 아니라 dev server 모델 변화, plugin inventory, 환경 변수 처리, 프로덕션 검증까지 포함해 Webpack에서 Vite로 안전하게 옮기는 기준을 정리합니다.
🔧 Tools
ESLint + Prettier 설정 가이드: 실전 운영 기준
React, Vue, TypeScript 프로젝트에서 ESLint와 Prettier의 역할을 분리하고, 로컬 autofix와 CI enforcement를 팀 단위로 운영하는 기준을 정리합니다.
🧪 Test
Cypress E2E 테스트 전략 가이드
Cypress를 단순 브라우저 자동화 도구가 아니라 사용자 흐름 검증 도구로 쓰는 방법을 정리합니다. 안정적인 selector, 네트워크 제어, 테스트 데이터, flaky test 감소 전략까지 다룹니다.
🖥️ Frontend
Vue Router 4 설계 가이드
Vue Router 4를 단순 라우팅 도구가 아니라 화면 전환과 권한 흐름을 설계하는 관점에서 정리합니다. 중첩 라우트, 가드, lazy loading, URL 설계 기준까지 다룹니다.
🖥️ Frontend
Vue 3 Composition API 완벽 가이드
Composition API 문법 소개를 넘어 로직 조합, composable 설계, ref와 reactive의 경계, 유지보수 관점까지 실무형으로 정리합니다.
🧪 Test
Jest로 JavaScript 단위 테스트 작성하기
Jest 문법 소개를 넘어서 무엇을 단위 테스트해야 하는지, Mock를 어디까지 써야 하는지, 유지보수 가능한 테스트 기준을 실무 관점에서 정리합니다.
🖥️ Frontend
Vue 3 컴포넌트 통신 설계 가이드
Vue 3에서 props, emit, provide/inject, store를 언제 써야 하는지 정리합니다. 단순 문법 설명보다 데이터 흐름과 컴포넌트 경계를 어떻게 설계할지에 초점을 맞춥니다.
⚙️ Backend
Node.js + Express REST API 서버 구축 실전 가이드
Express의 빠른 시작을 넘어서 계층 분리, 미들웨어 설계, 검증, 인증/인가, 오류 모델, 운영 기준까지 실무 관점에서 정리합니다.
🖥️ Frontend
React Hooks 설계 가이드
React Hooks를 단순 문법이 아니라 상태와 부수효과를 분리하는 설계 도구로 이해합니다. useState, useEffect, useRef, custom hook을 언제 어떻게 써야 하는지 실무 관점에서 정리합니다.