React와 Vue 기반의 상용 프로젝트를 설계·구현한 경험을 보유한 3년차 프론트엔드 개발자입니다. 레거시 시스템을 최신 기술로 리팩토링하고, 부서 전용 어드민 템플릿을 제작해 실무에 적용한 성과가 있습니다. 프론트엔드를 중심으로 하면서도 백엔드 API 설계와 일부 로직 구현까지 참여하며 서비스 전반에 대한 이해를 쌓았습니다. 또한 신규 프레임워크와 라이브러리 도입 시 팀을 위해 가이드 문서를 작성하고 세미나를 주최하여 신기술 적용 속도를 높였습니다. 기획자, 디자이너, 백엔드 개발자와의 협업 과정에서는 적극적인 커뮤니케이션과 기술 문서화를 통해 팀 생산성을 높이는 데 기여했습니다. 새로운 기술을 빠르게 학습하고 프로젝트에 적용하는 것을 강점으로 삼고 있으며, 이를 통해 개인의 성장뿐만 아니라 팀의 성과 향상으로 이어지도록 노력해왔습니다. 앞으로도 사용자 경험을 개선하고 서비스 가치를 높이는 방향으로 전문성을 확장해 나가고자 합니다.
프론트엔드 개발자
전희재입니다.
핵심역량.
초기 아키텍처 설계
- · 상용 프로젝트와 사이드프로젝트에서 프로젝트 기획 초기 단계부터 참여해본 경험이 있습니다.
- · 실제 업무에서 기술 스택 선정, 폴더 구조 설계, 공통 컴포넌트 아키텍처 등 프론트엔드 초기 구성에 주도적으로 임했습니다.
- · 사이드프로젝트에서 초기 기획부터 화면 흐름, 개발 프로세스 세팅까지 전반을 책임진 경험이 있습니다.
대규모 리팩토링 주도
- · Thymeleaf, jQuery 기반의 기존 서비스를 React, Next.js 기반의 SPA 구조로 전환하며, 전반적인 구조 리팩토링을 수행해 유지보수성과 확장성을 개선했습니다.
- · 기존 레거시 프로젝트의 기술적 한계를 인식하고 대안을 설계·구현함으로써, 부서 전용 관리자 페이지 템플릿을 단독으로 구축한 경험이 있습니다.
협업 및 커뮤니케이션
- · Figma와 Jira를 사용해 디자이너, 개발자와 협업한 경험이 있습니다.
- · 총 3번의 사이드 프로젝트에서 팀장을 맡아 매주 회의를 주최하며 진행 상황과 우선 순위를 조율한 경험이 있습니다.
- · 신규 프레임워크와 라이브러리 도입 시 팀을 위해 가이드 문서를 작성하고 세미나를 주최하였습니다.
기술.
Front.
- · React
- · Vue
- · Next.js
- · Nuxt
- · Typescript
- · TailwindCSS
- · Sass
- · Flowbite
- · Tanstack Query
- · swr
- · axios
- · pinia
- · Orval
- · vitest
- · msw
- · ESLint
- · Prettier
- · Three.js
DevOps.
- · GitHub
- · GitLab
- · GitHub Actions
- · GitLab CI/CD
- · Vercel
- · Notion
- · Jira
- · Figma
Back.
- · Java
- · SpringBoot
- · MyBatis
- · kafka
- · Python
- · Docker
경력.
지넥슨
2023.08 ~ 현재베이스 어드민 템플릿2024.06 ~ 2024.08
기존 레거시 어드민 프로젝트의 유지보수 한계를 보완하기 위해 최신 기술 스택 기반 어드민 템플릿을 단독 개발, 부서 내 표준 템플릿으로 자리잡음
보험 상품 비교 추천 사이트2024.04 ~ 현재
국내 보험대리점 대상 검색 조건에 일치하는 보험 상품 비교 추천
국내 보험사 데이터 기반 통계 분석 시각화 사이트2024.01 ~ 현재
기존 Thymeleaf, jQuery로 구성되어있던 레거시 페이지를 React, Next.js, Typescript 등으로 리팩토링
프로젝트.
한끼공식
2025.02 ~ 2025.06 (4개월)
●구키
2023.04 ~ 2023.07 (3개월)
●FreezeMaze
2023.03 ~ 2023.04 (1개월)
기록.

리액트 바텀시트 컴포넌트 제작기 (feat. framer-motion).

Three.js 컴포넌트를 React로 구현하고 구조화해보기.
![[트러블 슈팅] Nuxt.js 리프레시 토큰 권한 오류 수정 썸네일](/_next/image?url=%2Fimages%2Fblogs%2Ftoken.png&w=3840&q=75)
[트러블 슈팅] Nuxt.js 리프레시 토큰 권한 오류 수정.

자바스크립트의 호이스팅과 TDZ에 대해서 알아보자.


