미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 정관훈
- 간단소개
- 웹을 통해 가치를 전달하는 프론트엔드 개발자 정관훈입니다. 불필요한 API 제거로 성능을 3.35초에서 0.5초로 단축하며, 최신 기술을 적용해 안정성과 확장성을 강화했습니다. 사용자 경험을 최우선으로 고려하며, 혁신적인 문제 해결과 효율적인 협업을 통해 서비스를 지속적으로 개선하고 있습니다. 더 큰 가치를 창출하는 개발자로 성장해 나가겠습니다.
기술 스택
- 기술 스택
- React
- React Native
- JavaScript
- HTML/CSS
- tailwind-css
- Next.js
- TypeScript
- styled-components
경력
- 회사명
- 주식회사브이피피랩(VPPLAB Corp.)
- 직책 • 부서
- 매니저 • 개발팀
- 근무 기간 (근무 형태)
- 2023.04. - 재직 중
- (1년 10개월 | 정규직)
- 담당 업무
대시보드, 입찰제도, 예측제도, 분석, 로그인 페이지 기능 개발
Webpack → Vite 전환으로 빌드 속도 및 개발 환경 최적화
Github Action CI/CD를 활용해 S3에서 CloudFront(HTTP→HTTPS)로 리다이렉션 연결 및 배포 자동화
사용자 권한 레벨에 따른 메뉴 구성 및 기능 차별화
Axios instance를 통해 리프레시 토큰 재발급 및 유효기간 초과 시 자동 로그아웃 처리
Echarts 기반 실시간 전력량 시각화 및 GA4 연동으로 사용자 경험 개선
M-UI, MUI Datepicker 레거시 파일 관리 및 유지보수
Github Action CI/CD를 통한 배포 및 관리 자동화
배포 방식 구축:
main
,develop
(백업),release-prod
,release-dev
(배포),feature-**
(작업)Fetch → React-Query로 전환, 상태 관리 간소화 및 불필요한 데이터 재호출 차단
WebSocket을 도입해 실시간으로 충전 상태를 체크하고 요청 호출 처리
Flow-V
전력 입찰 및 관리 전력 중개 통합 서비스
사용 언어 및 툴: Typescript, React, Styled-Component, M-UI, Redux, React-Query, Nginx, AWS S3, CloudFront, Github Action CI/CD
성과: Vite와 React Query를 사용하고, 커스텀 훅 및 합성 컴포넌트를 활용하여 상황에 맞는 디자인 시스템과 패턴을 적용해 개발 효율성 증대
flow
실시간 전력 중계 서비스
사용 언어 및 툴: Typescript, React, Styled-Component, M-UI, Redux, Git, Nginx, AWS S3, CloudFront, Github Action CI/CD
V2G
전기차 충전 서비스 및 충방전 회원 관리 서비스
- 회사명
- 주식회사별따러가자
- 직책 • 부서
- 인턴 • 개발팀
- 근무 기간 (근무 형태)
- 2022.12. - 2022.12.
- (1개월 | 인턴)
- 담당 업무
기존의 유아틱한 홈페이지를 분석하여, 30~50대 남성 고객층을 타겟으로 맞춤형 레이아웃 재구성
AOS와 Bootstrap을 활용해 효율적인 정보 전달 및 창의적인 레이아웃 설계로 포인트 강화
회사 대표 홈페이지 레이아웃 개선
사용 언어 및 툴: Typescript, React, Styled-Component, Bootstrap, AOS
프로젝트
- 프로젝트명
- Helper
- 소속/기관명
- 기타
- 프로젝트 기간
- 2024.11. - 진행 중
- (3개월)
- 프로젝트 설명
OpenAI API를 활용한 맞춤형 답변 제공 및 고민 커뮤니티 기능 구현
커스텀 훅으로 코드 가독성과 재사용성 향상
Atomic 디자인 패턴 적용으로 UI 컴포넌트 최적화, 재사용성 강조
외부 데이터를 Zustand로 전역 상태로 관리하여 prop 드릴링을 최소화
빠른 개발 서버와 효율적인 빌드를 위해 HMR을 지원하는 Vite 사용
AI 고민 상담 서비스 (고민지우개 마이그레이션)
사용 언어 및 툴: TypeScript, React, Tailwind, Vite, Zustand, Firebase, Vercel, OpenAI API
- 프로젝트명
- CC
- 소속/기관명
- 기타
- 프로젝트 기간
- 2024.07. - 2024.09.
- (3개월)
- 프로젝트 설명
웹/모바일 반응형 페이지 구현으로 다양한 디바이스 지원.
Firebase에서 이미지 데이터를 최적화하고 스켈레톤을 추가하여 사용자 경험 향상.
중요한 일정(날짜) 데이터를 Recoil로 전역 관리하고, Persist를 사용하여 데이터 유지.
커플 일정 공유 및 포토 캘린더 서비스
사용 언어 및 툴: TypeScript, React, Styled-Components, Material-UI, Recoil, Axios, Firebase,Vercel
- 프로젝트명
- 고민지우개
- 소속/기관명
- 기타
- 프로젝트 기간
- 2023.08. - 2023.10.
- (3개월)
- 프로젝트 설명
OpenAI API를 활용한 맞춤형 답변 제공
React Native 앱을 쉽게 빌드하고 배포하기 위해 Expo를 사용하여 Android/iOS 앱 개발
컴포넌트 간 상태 공유와 관리 효율성을 높이기 위해 Recoil을 통한 전역 상태 관리
svg 파일 변경 등 이미지 최적화로 로딩 속도 2초 → 0.5초 개선
AI 기반 고민 상담 서비스
사용 언어 및 툴: TypeScript, React-Native, Expo, Styled-Component, Recoil, Firebase, OpenAI API
- 프로젝트명
- LOGME
- 소속/기관명
- 기타
- 프로젝트 기간
- 2023.01. - 2023.03.
- (3개월)
- 프로젝트 설명
카카오, GitHub 소셜 로그인 기능을 통해 다양한 사용자 모집.
사이드 DnD(드래그 앤 드롭) 기능으로 유저 경험 최적화.
Next.js에서 클라이언트 사이드 전용 코드(윈도우 객체 접근 등)를
useEffect
훅으로 처리.
이력서, GitHub, 블로그를 통합한 포트폴리오 서비스
사용 언어 및 툴: React, Next.js, Tailwind CSS, TypeScript, Recoil, React Query, Vercel, AWS (Route 53, EC2)
교육
- 소속/기관
- 위코드
- 종류 | 전공명/전공계열
- 사설 교육 | 프론트엔드
- 재학 기간 (재학 상태)
- 2022.09. - 2022.12. (졸업)
- 소속/기관
- 조선대학교
- 종류 | 전공명/전공계열
- 대학교(전문학사) | 전자공학과
- 재학 기간 (재학 상태)
- 2016.03. - 2023.02. (졸업)
자기소개
- 자기소개
‘문제 해결의 즐거움’을 추구하며, 문제를 장애물이 아닌 배움의 기회로 여깁니다.
정적인 시각으로 해결책을 탐구하고, 이를 통해 배우고 발전하는 과정에서 큰 보람을 느낍니다.
‘긍정의 힘’을 바탕으로 팀원들에게 긍정적인 영향을 미치며,
다양한 의견을 수렴해 최상의 결과를 만들어내는 ‘협업의 전문가’로서의 역할을 소중히 여깁니다.
한, 반복되는 문제를 효율적으로 해결할 수 있는 시스템을 구축하는 데 깊은 관심을 가지고 있습니다.
저는 단순히 코드를 작성하는 개발자가 아니라,
도전과 협업, 긍정을 기반으로 끊임없이 발전하며 ‘미래의 리더’로 성장하고자 합니다.
자격증
- 자격증명
- 전기기사
- 점수/급 | 발급 기관
- 기사 | 한국산업인력공단
- 취득월
- 2021.09
- 자격증명
- 컴퓨터활용능력1급
- 점수/급 | 발급 기관
- 1급 | 대한상공회의소
- 취득월
- 2021.03