Post2026.07.15
Safari 스크롤 끊김 삽질 끝에 만난 2018년 WebKit 글
Safari에서 스크롤 연동 애니메이션이 끊기는 근본 원인을 WebKit 공식 문서와 버그 트래커로 추적하고, requestAnimationFrame 기반 스크롤 효과를 Scroll-driven Animations로 옮기는 방법을 정리.
#Safari#WebKit#성능#애니메이션#CSS#JavaScript
이준현
사용자를 위한 창의적 몰입, 성장을 즐기는 프론트엔드 개발자입니다.
기획부터 배포까지 빈틈을 채우며 서비스를 주도합니다.
최근 글
전체 보기
Post2026.04.23
Claude Code 하네스 엔지니어링 한국어판 읽은 후기
Claude Code v2.1.88 소스 코드 역공학 분석에서 도출된 프롬프트 컨트롤 플레인, 캐시 인식 디자인, Fail-Closed 기본값 등 AI 에이전트 빌더를 위한 핵심 하네스 엔지니어링 원칙 정리.
#AI#Claude Code#LLM#에이전트#아키텍처
Post2026.03.17
Context7 MCP 설치하고 써본 후기
Context7 MCP를 설치하고 활용하여 AI 코딩 시 최신 라이브러리 문서를 실시간으로 주입하는 방법 정리.
#AI#MCP#Context7#Claude Code#개발도구
Post2026.03.12
Semantic Drift 이야기를 읽고 나서야 납득이 갔다
LLM이 코드를 생성할 때 발생하는 의미적 드리프트 문제와, 임베딩 공간에 곡률을 부여해 버그 경로를 억제하는 아이디어 정리.
#AI#LLM#코딩
Post2026.03.10
React Server Components 제대로 이해하기
RSC가 기존 SSR과 어떻게 다른지, 그리고 Next.js App Router에서 실제로 어떻게 동작하는지 정리했습니다.
#React#Next.js#RSC
Post2026.03.05
Tailwind CSS v4 마이그레이션 후기
Tailwind v3에서 v4로 마이그레이션하면서 겪은 변경점과 삽질 기록. @theme, @plugin 등 새로운 문법 정리.
#Tailwind CSS#CSS
Post2026.02.28
TIL: Zustand persist 미들웨어 사용 시 hydration 이슈
SSR 환경에서 Zustand persist를 사용할 때 발생하는 hydration mismatch 해결 방법을 알아봤다.
#Zustand#React#TIL
Post2026.02.13
AI IDE 도구들 비교: Conductor, Claude Code, Antigravity 등
Conductor의 Git Worktree 병렬 작업, Claude Code CLI, Antigravity, Tavily RAG, Atlas 브라우저 등 AI 개발 도구 생태계 정리.
#AI#IDE#Claude Code#개발도구
Post2025.12.20
픽케어 프론트엔드 아키텍처 설계 후기
선제적 토큰 리프레시, Query Key Factory, TipTap 에디터 확장 15개, Atomic Design 하이브리드 등 실무에서 직접 설계한 프론트엔드 아키텍처 패턴 정리.
#React#Next.js#TypeScript#아키텍처#React Query#TipTap
Project2025.09 ~ 진행중
PiCKCARE
반려동물 스타트업의 프론트엔드를 단독으로 맡아 메인 서비스·B2B CRM·스튜디오·네이티브 앱·사내 자동화 도구까지 다섯 개 저장소를 구축한 기록
#Next.js#React Native#TypeScript
Project2024.08 ~ 2025.02
PFPlay
PFP NFT와 디제잉을 결합한 Web3 소셜 플랫폼
#TypeScript#Next.js#React#Tailwind CSS
Post2024.07.20
Web3, NFT, i18n 개념 정리 - PFPlay 프로젝트 사전 학습
PFPlay 합류 전 Web3 생태계, NFT(PFP) 개념, 그리고 다국어 지원(i18n) 구현 방법을 사전 학습한 기록.
#Web3#NFT#i18n
Project2023.11 ~ 2023.12
Tix2U
전시, 공연 등 다양한 문화생활 티켓 구매 서비스
#React#TypeScript
Project2023.09 ~ 2023.11
Stock2U
위치 기반 재고 공유 서비스
#React#TypeScript
Post2023.10.28
Python & PyCharm 학습 기록
PyCharm IDE 설정부터 Python 기초 문법, 가상환경, 패키지 관리까지 학습하며 정리한 내용.
#Python#PyCharm
Post2023.10.05
Chakra UI 레퍼런스를 통째로 씹어먹은 이야기
EUTCHA 프로젝트를 하면서 Chakra UI 공식 문서를 외우다시피 공부한 경험. Style Props, 테마 커스터마이징, Composition 패턴 등 실전 활용기.
#Chakra UI#React#CSS-in-JS#EUTCHA
Project2023.09 ~ 2023.10
EUTCHA
리액트와 협업에 익숙해지기 위한 프론트엔드 비기너 프로젝트
#React
Post2023.09.25
TypeScript를 처음 배우며 정리한 노트
JavaScript에서 TypeScript로 넘어가며 배운 타입 시스템, 인터페이스, 제네릭, 유틸리티 타입 등 핵심 개념 정리.
#TypeScript
Post2023.09.23
React Context, Composition vs Inheritance 정리
Context API를 활용한 전역 상태 관리와 합성(Composition) vs 상속(Inheritance) 패턴의 차이를 정리했다.
#React#Context#디자인패턴
Post2023.09.22
React Forms와 State 끌어올리기
Controlled Component로 폼을 다루는 방법과, 여러 컴포넌트 간 상태를 공유하기 위한 Lifting State Up 패턴 학습 기록.
#React#Forms#State
Post2023.09.21
React Hooks, 이벤트 핸들링, 조건부 렌더링
useState, useEffect 등 Hooks의 기본 개념부터 이벤트 처리, 조건부 렌더링, 리스트와 Keys까지 한번에 정리.
#React#Hooks#이벤트
Post2023.09.20
React 입문: JSX, 렌더링, 컴포넌트와 Props
React의 시작점. JSX 문법, Rendering Elements, 컴포넌트 설계와 Props, State와 Lifecycle까지 기초 개념 정리.
#React#JSX#컴포넌트
Post2023.09.19
JavaScript ES6 핵심 문법 정리
let/const, 화살표 함수, 템플릿 리터럴, 구조분해 할당, 스프레드 연산자, Promise 등 ES6 핵심 문법을 섹션별로 정리했다.
#JavaScript#ES6
Project2023.05 ~ 2023.06
Todo App
HTML, CSS, JS로 구현한 투두 리스트 앱
#HTML#CSS#JavaScript
Project2023.04 ~ 2023.05
코코아톡 (Kokoa Clone)
HTML, CSS로 구현한 카카오톡 클론 코딩
#HTML#CSS