만든 것을 직접 사용하게 하는 경험까지가 ‘개발’이라고 생각합니다.
작은 불편을 기술로 해결하고, 더 나은 제품으로 연결해 나가는 과정에 깊은 관심을 가지고 있습니다.

당연한 것에도 질문을 던지고, 지나치지 않는 태도로 꾸준히 배우고 성장하려고 합니다.
그런 성장의 기반 위에서 질문을 통해 함께 배우고 성장하는 문화를 만드는 개발자가 되겠습니다.

Next.js

1

페이지 및 라우팅 설계

• 1.1App Router의 Segment 기반 라우팅·Nested Layout·서버/클라이언트 컴포넌트 구분 전략 적극 활용
• 1.2Pages Router의 파일 기반 자동 라우팅과 _app.tsx/_document.tsx 최적화를 통해 유연한 페이지 설계 및 SEO·글로벌 레이아웃 구축 경험

2

데이터 페칭 및 렌더링 전략

• 2.1CSR/SSR/SSG/ISR 각각의 렌더링 전략을 페이지 특성(SEO 요구, 실시간성, 초기 로드 성능)에 따라 최적 선택 및 적용
• 2.2getStaticProps, getServerSideProps, getStaticPaths 를 통한 정적/서버사이드 데이터 패칭 구현 경험

3

최적화 및 배포

• 3.1next/image 컴포넌트로 이미지 자동 최적화 및 레이지 로딩 적용
• 3.2Webpack Bundle Analyzer로 번들 크기 분석 및 코드 스플리팅 개선
• 3.3Vercel 배포 파이프라인 설정 및 Github Actions을 통한 자동 빌드·배포 경험

React

1

다양한 라이브러리 학습 및 활용

• 1.1IntersectionObserver, useInfiniteQuery 를 활용한 무한스크롤 기능 구현
• 1.2프로젝트의 규모, 복잡도, 팀의 선호도에 따라 Recoil / Zustand / Jotai 비교·분석하여 채택
• 1.3react-toastify를 활용한 알림 제공, 이후 개인 제작 라이브러리에서 직접 토스트 모달 제작
• 1.4Zod, React-hook-form을 조합해 폼 데이터의 타입 안정성과 유효성 검사를 실현

2

성능 최적화 및 메모리 관리

• 2.1각 상황에 알맞는 이미지 최적화 진행 - Lazy/Eager Loading, Preload
• 2.2코드 스플리팅과 텍스트 Gzip 압축을 통해 네트워크 트래픽 감소 및 로딩 속도 개선
• 2.3useCallback, useMemo, memo를 적극적으로 활용하여 불필요한 함수 재생성과 컴포넌트 리렌더링을 방지, 메모리 사용량을 최적화

3

컴포넌트 재사용 및 설계

• 3.1컴포넌트 분리 및 재사용 요구치를 정확히 판단하여, 작고 집중된 컴포넌트 단위로 설계하고, Props와 Composition을 적극 활용해 유연한 UI 개발을 실현
• 3.2재사용 가능한 컴포넌트 라이브러리를 제작하여, 재사용에 대한 깊은 이해 체득

JavaScript

1

자바스크립트 동작 원리 이해 및 실전 활용

• 1.1비동기 처리(Async/Await, Promise) 원리를 깊이 이해하고, 네트워크 요청 처리 시 에러 핸들링 및 최적의 UX 제공
• 1.2클로저, this 바인딩, 스코프, 실행 컨텍스트 등 자바스크립트 동작 원리에 대한 깊은 이해 및 프로젝트 실제 적용

TypeScript

1

타입 시스템 기반 안정적 개발 경험

• 1.1TypeScript 기반 정적 타입 시스템 이해 및 활용으로 런타임 오류 사전 방지
• 1.2제네릭, 유니언/인터섹션 타입을 활용한 유연하고 견고한 타입 설계 경험
• 1.3기존 JavaScript 코드베이스에 TypeScript 점진적 도입 및 마이그레이션 경험