TypeScriptTypeScript 팁 #7 — 템플릿 리터럴 타입으로 문자열 타입 조작템플릿 리터럴 타입으로 문자열 패턴을 타입 수준에서 표현하고, Uppercase/Lowercase/Capitalize 등 내장 문자열 조작 타입을 활용하는 방법을 알아봅니다.#TypeScriptSHIN2025년 4월 27일2분0
TTypeScriptTypeScriptTypeScript 팁 #6 — 매핑 타입으로 타입 변환하기매핑 타입(Mapped Types)으로 기존 타입의 모든 프로퍼티를 변환하는 방법과, as 절을 활용한 키 재매핑, 필터링 패턴을 알아봅니다.#TypeScriptSHIN2025년 4월 25일5분0
TTypeScriptTypeScriptTypeScript 팁 #5 — 타입 가드로 런타임 타입 좁히기typeof, instanceof, in 연산자부터 사용자 정의 타입 가드(is), assertion function까지 런타임에서 타입을 안전하게 좁히는 모든 방법을 다룹니다.#TypeScriptSHIN2025년 4월 23일5분0
TypeScriptTypeScript 팁 #4 — 제네릭 제약 조건과 infer 활용extends로 제네릭 타입을 제약하고, infer 키워드로 조건부 타입 내에서 타입을 추출하는 고급 패턴을 알아봅니다.#TypeScriptSHIN2025년 4월 21일2분0
TypeScriptTypeScript 팁 #3 — 판별 유니온으로 타입 안전한 상태 관리판별 유니온(Discriminated Union)과 exhaustive check 패턴으로 상태 분기를 타입 수준에서 완전히 제어하는 방법을 소개합니다.#TypeScript#ReactSHIN2025년 4월 19일2분0
TypeScriptTypeScript 팁 #2 — 유틸리티 타입 완전 정복Partial, Required, Pick, Omit, Record, ReturnType 등 내장 유틸리티 타입을 실전 예제로 익히고 중복 타입 선언을 제거합니다.#TypeScriptSHIN2025년 4월 17일2분0
TypeScriptTypeScript 팁 #1 — strict 모드를 반드시 켜야 하는 이유strict: true 하나로 null 참조 오류, 암묵적 any, 잘못된 this 등 런타임 버그의 대부분을 컴파일 타임에 잡을 수 있습니다.#TypeScriptSHIN2025년 4월 15일1분1
9Next.jsNext.js9편. Vercel 배포와 성능 최적화완성된 블로그를 Vercel에 배포하는 과정과 Next.js Image 최적화, 캐싱 전략, 번들 크기 분석으로 성능을 개선하는 방법을 정리합니다.#TypeScript#Next.js#VercelSHIN2025년 4월 10일7분0
8Next.jsNext.js8편. SEO 최적화 — 메타태그·sitemap·RSSNext.js generateMetadata API로 동적 OpenGraph를 생성하고, JSON-LD 구조화 데이터, sitemap.xml, RSS 피드를 구현해 검색 엔진 최적화를 완성합니다.#TypeScript#Next.js#SEOSHIN2025년 4월 5일2분2
SHIN STORY