"안녕하세요, 3년 차 프론트엔드 개발자 임효진입니다."

React와 Next.js를 활용해 사용자 중심의 웹 인터페이스를 설계하고 최적화하는 데 집중해왔습니다. 성능 개선과 코드 재사용성을 고려한 개발을 지향하며, Custom Hook과 디자인 패턴을 활용한 모듈화에 강점을 갖고 있습니다. 또한, UI/UX 개선과 협업을 통한 코드 품질 향상에 기여하며, 더 나은 사용자 경험을 만드는 데 집중하고 있습니다.

🙋🏻 핵심 역량

React/Next.js 기반 프론트엔드 개발자 (3년차)

1. 프론트엔드 개발 전문성

"React & Next.js 기반 SPA 개발 – 다양한 렌더링 기법과 최적화된 상태 관리 적용"

✅ SSR, CSR, SSG 등 다양한 렌더링 기법을 프로젝트에 맞게 적용

✅ 클라이언트 상태(Zustand, Recoil, Redux Toolkit) 및 서버 상태(TanStack Query, RTK Query) 관리 경험 보유

✅ 성능 최적화를 위한 코드 스플리팅, 동적 import, Lazy Loading 적용

2. 비즈니스 로직 및 기능 모듈화 (Custom Hooks & 라이브러리 활용)

"적절한 라이브러리 선택과 Custom Hook을 활용한 비즈니스 로직 모듈화 – 코드 재사용성과 유지보수성 향상"

✅ API 호출, 상태 관리, 공통 로직을 Custom Hook으로 추출하여 중복 코드 제거

✅ Redux, React Query, Zustand 등 상태 관리 라이브러리를 적절히 도입하여 성능 및 DX 개선

✅ 통일된 데이터 핸들링 방식을 확립하여 협업 및 유지보수성 강화

3. UI 컴포넌트의 재사용성과 확장성 (HOC & Render Props 활용)

"HOC(Higher-Order Component) & Render Props 패턴을 적용한 UI 컴포넌트 설계 – 확장성과 유지보수성 강화"

✅ 권한 관리, 테마 적용, 데이터 프리패칭 등 UI 관련 로직을 추상화하여 컴포넌트 간 중복 제거

✅ 여러 컴포넌트에서 공통적으로 사용되는 기능을 HOC(Render Props) 패턴으로 구조화