미리보기

HMM 호주 시드니 지부에서 Equipment 팀에서 컨테이너 Daily Stock Report 담당

• 시드니 Patrick, Hutchison, Sydney 항만과의 이메일 업무 처리

• Daily Stock Report 자동화 제작

  • 엑셀 함수 및 VBA 활용

투자성향 및 버킷리스트 기반 자산관리 서비스

기술 스택

프론트엔드 : Next.js TypeScript Tailwind CSS Storybook Justand Radix-UI

자세히 보기: 꿈틀 깃허브

직책: 프론트엔드 팀장

• 프로젝트 초기 기술 스택 선정, 코드 구조 및 아키텍처 설계

• Figma를 이용한 프로젝트 디자인

• 팀원 업무 분배 및 코드 리뷰

• 성능 최적화 및 유지 보수 고려한 레퍼런스 제시(framer, sweetalert 등)

• 버킷리스트 관련 컴포넌트 및 페이지 개발

• 설문조사 관련 컴포넌트 개발

성과:

• 적응형 디자인 적용 및 PWA(Progressive Web Apps) 도입

• Intersection Observer를 활용한 useInfiniteScroll 훅 구현을 통해 TBT(Total Blocking Time) 1.4s 단축

• 51개의 컴포넌트를 Storybook으로 제작하여 145개 케이스 커버하는 TDD 개발 진행

• Zustand 전역 상태관리 및 불필요한 fetching 감축

Awards: 디지털 하나로 2차 프로젝트 종합 2위

키워드 기반 쉽고 빠른 금융 서비스 개발

기술스택

프론트엔드: Next.js TypeScript Tailwind CSS Storybook Context

백엔드: Spring Java Kakao Developers Open API

AI 서비스: Fast API Python OPENAI API Langchain RAG

자세히 보기: 키워드하나로 깃허브

직책: 프론트엔드 팀장, AI 서비스 개발

• 프로젝트 초기 기술 스택 선정, 코드 구조 및 아키텍처 설계

• Figma를 이용한 프로젝트 디자인

• Context를 이용한 전역 상태 관리(입력 단계별 변수 관리)

• Atom, Molecule, Organism 컴포넌트 개발 및 Storybook 작성

• Kakao Developer API 적용한 로그인 및 메시지 서비스 구현

• LLM & RAG 결합한 금융상품 기반 답변 챗봇 제작

성과:

• 사용자 행동에 따라 자연스러운 움직임을 가진 인터랙티브 컴포넌트 개발

• Kakao Developer API의 로그인, 메시지 전송 API를 활용한 풀스택 개발

• 공식 금융 상품 설명서 기반 LLM(대규모언어모델) + RAG(검색증강생성) 챗봇 개발

Awards: 디지털 하나로 1차 프로젝트 종합 2위

하나은행에서 운영하는 금융권 맞춤 디지털 실무인재 양성 K-Digital Training 프로그램(총 975시간)

• 금융 이해, 서비스 개발의 요소 학습

• 프론트엔드 개발(JavaScript, TypeScript, React, Next.js)

• 백엔드 개발(Java, Spring)

• 팀 프로젝트 2회

  • 키워드 하나로: 키워드 기반 쉽고 빠른 금융 서비스

  • 꿈틀: 투자성향 및 버킷리스트 기반 자산관리 서비스