January 18, 2026•4 min read#Architecture#Design Principles컴포넌트 설계 원칙: 대규모 설계를 위한 모듈화 (REP, CCP, CRP)대규모 소프트웨어 설계를 위한 컴포넌트 응집도 원칙 REP, CCP, CRP를 중심으로 모듈화 전략과 설계 트레이드오프를 정리한다.Read more →
January 12, 2026•2 min readtoolingIntermediate#Codex#CLICodex CLI 사용해보기: 셋업부터 첫 실행까지Codex CLI를 프로젝트에 붙여 간단한 에이전트 워크플로를 구성하는 방법을 정리합니다.Read more →
January 10, 2026•2 min readtooling#Monorepo#Next.js2026년 최신 기술 스택으로 구축하는 Monorepo 블로그 셋업 가이드Next.js 16, React 19, Turborepo를 활용하여 확장 가능한 모노레포 환경을 구축하는 방법을 소개합니다.Read more →
January 3, 2026•1 min readgeneral#intro#nextjsHello WorldThis is my first post on the new blog.Read more →
April 19, 2025•3 min readsecurity#securityFrontEnd Security - CSRF, 클릭재킹, 오픈 리다이렉트CSRF, 클릭재킹, 오픈 리다이렉트Read more →
September 25, 2024•1 min readtypescript#typescriptType VS InterfaceType과 Interface의 차이에 대해 알아보자Read more →
September 23, 2024•1 min readtypescript#typescriptNarrowingNarrowing은 Union 타입에서 더욱 구체적인 타입으로 논리적으로 유추 할 수 있게 되는 걸 의미한다.Read more →
September 21, 2024•1 min readtypescript#typescriptTypeScript에서 Type-only import/export 사용하기Type-only import/export란?Read more →
September 8, 2024•2 min readtypescript#typescriptDiscriminated UnionDiscriminated Union은 번역하면 구별된 유니온이라는 뜻으로 리터럴 멤버 프로퍼티가 있는 클래스가 있다면, 그 프로퍼티로 유니온 타입을 구별할 수 있다는 개념이다.Read more →
August 12, 2024•2 min readweb-api#web-apirequestIdleCallback이란브라우저가 유휴 상태(idle)일 때 실행할 콜백을 예약할 수 있는 메서드.Read more →
April 25, 2024•3 min readtesting#testing테스트 전략 For Fe프론트엔드 개발에서 테스트는 애플리케이션의 안정성과 품질을 보장하는 핵심요소이다.Read more →
March 25, 2024•2 min readperformance#performance핵심 웹 지표구글에서 만든 지표로 웹사이트에서 뛰어난 사용자 경험을 제공하는 데 필수적인 지표를 일컫는 용어.Read more →