프론트엔드 개발자

정성엽

안녕하세요. Next.js와 React를 활용해 사용자 경험 중심의 인터렉티브한 웹 페이지를 개발하는 프론트엔드 개발자 정성엽입니다.

LLM을 이용한 프로젝트에서 프론트엔드와 프롬프트 엔지니어링을 담당하여 총장상을 2회 수상했으며, 하나은행 디지털 하나로에서 종합 2위로 최우수 수료했습니다.

빠르게 변화하는 환경에서 효율적이고 창의적인 솔루션을 제시하는 것을 좋아하며, 팀 동료들과 협업하여 가치를 더하는 데 열정이 있습니다.

혁신적

성실함

책임감

신뢰

적응력

하나은행에서 운영하는 금융권 맞춤 디지털 실무인재 양성 K-Digital Training 프로그램(총 975시간)<ul><li>금융 이해, 서비스 개발의 요소 학습</li><li>프론트엔드 개발(JavaScript, TypeScript, React, Next.js)</li><li>백엔드 개발(Java, Spring)</li><li>팀 프로젝트 2회<ul><li>키워드 하나로: 키워드 기반 쉽고 빠른 금융 서비스</li><li>꿈틀: 투자성향 및 버킷리스트 기반 자산관리 서비스</li></ul></li></ul>

디지털 하나로

OPIc

데이터 분석 준전문가(ADsP)

정보처리기사

ENGLISH

Github 페이지

개인 포트폴리오 페이지

<h3>투자성향 및 버킷리스트 기반 자산관리 서비스</h3>기술 스택프론트엔드 : <code>Next.js</code> <code>TypeScript</code> <code>Tailwind CSS</code> <code>Storybook</code> <code>Justand</code> <code>Radix-UI</code>자세히 보기: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/digital-hanaro-RSP">꿈틀 깃허브</a>직책: 프론트엔드 팀장<ul><li>프로젝트 초기 기술 스택 선정, 코드 구조 및 아키텍처 설계</li><li>Figma를 이용한 프로젝트 디자인</li><li>팀원 업무 분배 및 코드 리뷰</li><li>성능 최적화 및 유지 보수 고려한 레퍼런스 제시(framer, sweetalert 등)</li><li>버킷리스트 관련 컴포넌트 및 페이지 개발</li><li>설문조사 관련 컴포넌트 개발</li></ul>성과:<ul><li>적응형 디자인 적용 및 PWA(Progressive Web Apps) 도입</li><li>Intersection Observer를 활용한 useInfiniteScroll 훅 구현을 통해 TBT(Total Blocking Time) 1.4s 단축</li><li>51개의 컴포넌트를 Storybook으로 제작하여 145개 케이스 커버하는 TDD 개발 진행</li><li>Zustand 전역 상태관리 및 불필요한 fetching 감축</li></ul>Awards: 디지털 하나로 2차 프로젝트 종합 2위

꿈틀

<h3>키워드 기반 쉽고 빠른 금융 서비스 개발</h3>기술스택프론트엔드: <code>Next.js</code> <code>TypeScript</code> <code>Tailwind CSS</code> <code>Storybook</code> <code>Context</code>백엔드: <code>Spring</code> <code>Java</code> <code>Kakao Developers Open API</code>AI 서비스: <code>Fast API</code> <code>Python</code> <code>OPENAI API</code> <code>Langchain</code> <code>RAG</code>자세히 보기: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/KeywordHanaro">키워드하나로 깃허브</a>직책: 프론트엔드 팀장, AI 서비스 개발<ul><li>프로젝트 초기 기술 스택 선정, 코드 구조 및 아키텍처 설계</li><li>Figma를 이용한 프로젝트 디자인</li><li>Context를 이용한 전역 상태 관리(입력 단계별 변수 관리)</li><li>Atom, Molecule, Organism 컴포넌트 개발 및 Storybook 작성</li><li>Kakao Developer API 적용한 로그인 및 메시지 서비스 구현</li><li>LLM &amp; RAG 결합한 금융상품 기반 답변 챗봇 제작</li></ul>성과:<ul><li>사용자 행동에 따라 자연스러운 움직임을 가진 인터랙티브 컴포넌트 개발</li><li>Kakao Developer API의 로그인, 메시지 전송 API를 활용한 풀스택 개발</li><li>공식 금융 상품 설명서 기반 LLM(대규모언어모델) + RAG(검색증강생성) 챗봇 개발</li></ul>Awards: 디지털 하나로 1차 프로젝트 종합 2위

키워드하나로

HMM 호주 시드니 지부에서 Equipment 팀에서 컨테이너 Daily Stock Report 담당<ul><li>시드니 Patrick, Hutchison, Sydney 항만과의 이메일 업무 처리</li><li>Daily Stock Report 자동화 제작<ul><li>엑셀 함수 및 VBA 활용</li></ul></li></ul>