안녕하세요,

김지헌입니다.

사용자 경험을 고민하고 누구나 읽기 쉬운 코드를 지향하는 프론트엔드 개발자입니다.

프로젝트 보기 연락하기

About Me

UX 중심 사고

저는 사용자가 서비스를 이용할 때 무엇이 불편한지, 어떻게 하면 더 직관적일지를 고민하며 개발합니다. 기능 구현에 그치지 않고 사용자 경험을 고려한 인터페이스를 만드는 것을 중요하게 생각합니다.

코드 품질

코드를 작성할 때는 나만 이해하는 코드보다 팀원 누구나 읽기 쉬운 코드를 지향하며, 완벽할 수는 없지만, 널리 통용되는 패턴과 컨벤션을 따르려 노력하며 유지보수하기 좋은 구조를 고민합니다.

지속적 학습

새로운 기술을 학습하고 실제 프로젝트에 적용해보는 과정에서 웹 개발의 흥미를 느끼고 있습니다. 프론트엔드를 주도적으로 담당하며 백엔드 개발자와 협업한 경험이 많아, API 연동 과정에서 발생하는 문제를 함께 분석하고 해결하는 데 익숙합니다.

Skills

React

Hooks, 컴포넌트 설계, 상태 관리

Next.js

• RSC로 SSR 구현 및 번들 최적화 • next/image로 이미지 최적화 • metadata로 SEO 설정·Google Search Console 색인 확보

Tailwind CSS

유틸리티 기반 빠른 스타일링

React-Query

Recoil

• atom으로 장바구니·로그인 상태를 전역 관리 • effects로 localStorage 연동해 새로고침 후에도 상태 유지

Zustand

• persist 미들웨어로 인증 상태를 localStorage에 영속화 • partialize로 직렬화 대상 상태를 선별해 불필요한 저장 방지

Framer Motion

• Variants · staggerChildren으로 텍스트 요소 순차 등장 구현 • AnimatePresence로 메뉴 슬라이드 및 탭 전환 퇴장 애니메이션 처리 • layoutId로 탭 인디케이터 자연스러운 이동 구현 • whileInView + viewport once로 스크롤 진입 시 섹션 페이드인