미리보기

• React.js Next.js 기반 Front-end 프로젝트 개발/리딩

• Spring boot, JPA 기반 API Service 구축

• B2C 서비스 내 AWS 아키텍처 설계 및 CI/CD 구축 및 가상화 컨테이너 활용

• 금융, 여행, 스포츠, AI 관련 웹 서비스 개발 프로젝트 수행

LG-AI연구원에서 AI 연구를 위한 데이터들을 더 쉽게 탐색하고 관리할 수 있도록 편의성을 제공하는 웹 서비스 개발 프로젝트.

프론트엔드 개발을 맡았습니다.

• Zustand 기반 버킷 상세 정보 관리 및 최적화된 컴포넌트 레이아웃 구성

• App Route 기반 다이나믹 라우팅을 활용하여 디렉토리 구조 형태의 페이지 구성

• Azure Msal를 사용한 SSO 처리 및 지연 없는 토큰 재 발행 처리

• 네트워크 그래프의 렌더링 방식을 최적화하여 LCP 단축

• 실시간 고객과의 소통을 통한 원활한 업무조율 및 빠른 의사결정 수행, 이를 통해 후속 프로젝트 수주 성공

기술 및 도구

Next.js, Typescript, React-Query, Zustand, d3, Slack, Notion

LG-AI연구원 AI 모델을 기반으로 법적 위험을 사전에 평가하고 심층 데이터 분석을 통해 인사이트를 제공하는 웹 서비스 개발 프로젝트.

프론트엔드 개발 리딩을 담당했습니다.

• Shadcn/ui와 Tailwind CSS를 활용하여 빠르고 일관된 디자인 시스템을 구축

• 개발 프로세스 표준화로 인한 전체 개발완료 기간 2주 단축

• SSR 및 Pre-fetch를 통한 페이지 로드성능 개선

• 고객 및 개발팀과의 주기적인 스크럼 미팅을 통한 업무 조율 수행

기술 및 도구

Next.js, Typescript, React-Query, Shadcn/ui, Tailwind CSS, d3, Slack

EXAONE 3.0 LLM 기반 대화형 Enterprise AI Agent 프론트엔드 개발 프로젝트

프론트엔드 개발을 담당했습니다.

• EXAONE AI 생성 텍스트를 SSE 방식 실시간 렌더링 수행

• 마크다운 형식 응답 외에 수식표기(Katex), 날씨 및 이미지등과 같은 템플릿 구성

• i18n을 이용한 다국어 기능 개발 및 적용

• JIRA 기반 이슈티켓 관리 및 Playwright를 사용한 E2E 테스트 수행

기술 및 도구

Next.js, Typescript, React-Query, Zustand, SSE, i18n, Playwright

AI Model 기반 데이터 비전(Vision) 검사를 위한 프론트엔드 개발 프로젝트

프론트엔드 개발을 담당했습니다.

• 데이터 추론 요청에 대한 Suspense, Error Boundary 적용

• 자주 호출되는 추론목록 API를 React-Query를 활용하여 캐싱 및 최적화

• 컨테이너 배포를 위한 Dockerfile 경량화 및 gitlab-ci 구성

• 안정적인 개발을 위해 Notion 기반 Sprint 단위 업무 프로세스 도입

기술 및 도구

Next.js, Typescript, React-Query, Zustand, Gitlab, Docker, Notion

두산베어스의 기존 웹사이트를 개편하고 유료 회원제, 티켓 구매, 게시판 기능을 제공하는 모바일 적응형 웹앱 프로젝트

프론트엔드 개발 및 AWS Cloud 기반 아키텍처 설계 및 구현을 담당했습니다.

• 프론트엔드 개발 리딩 및 백엔드/프론트엔드 개발자 간 가교 역할 수행

• 경기정보 북마크 시, 사용자 경험 개선을 위한 낙관적 업데이트 적용

• 단 시간에 2,000명 이상의 트래픽 대응을 위한 Auto-Scaling 예약 스케줄링 적용

• AWS 3-tier 아키텍처 설계 및 구축

기술 및 도구

Next.js, Typescript, React-Query, Zustand, AWS

AI Model 기반 화학 분자 구조식 생성 및 관리를 위한 프론트엔드 개발 프로젝트

프론트엔드 개발을 담당했습니다.

• 상태 관리 및 빠른 렌더링을 고려하여 React 기반 프로젝트 설계 수행

• 라이브러리를 사용한 화학분자식 시각화 및 노드기반 화학분자식 UI 대시보드 구성

• Git Flow 전략 및 Pn 룰을 도입하여 팀 내 코드리뷰 문화 도입

• Jest 기반 TDD 방법론을 도입하여 코드 품질 향상

기술 및 도구

React, React-Router, Javascript, Redux, Jest, Axios

두산베어스 코치진을 대상으로 경기, 선수, 구종분석, 영상분석 기능을 제공하기 위한 전력분석 웹 서비스 개발 프로젝트

프론트엔드 & 백엔드 개발 및 AWS Cloud를 활용한 아키텍처 설계 및 Git으로 이관을 수행했습니다.

• AWS S3, ffmpeg를 사용하여 대용량 경기영상 파일 수정 및 저장, 버전 관리

• 경기영상 / 정적 이미지 로드 속도 향상을 위해 AWS Cloudfront 구성

• EC2 내 두산 웹 프로젝트 컨테이너 배포 및 CI/CD 파이프라인 구축

• EC2 내 사설 Gitlab 컨테이너 구축 및 팀 내 SVN 프로젝트 이관, Git Flow 전략 도입

기술 및 도구

Spring boot, Spring Security, Thymeleaf, Mybatis, Gitlab, AWS, Docker, Jenkins

LS Electrics의 전기설비 모니터링과 리스크 검사를 위한 웹 애플리케이션 개발 프로젝트.

백엔드 개발을 담당했습니다.

• 전기설비 데이터 관리를 위한 ERD 설계 및 API Service 개발

• Spring Security 기반 JWT 방식 인증 / 인가 처리 구현

• JUnit4 기반 Controller, Service, API 단위테스트 코드 작성 및 테스트 커버리지 80% 달성

• JIRA + Gitlab을 연동한 이슈티켓 관리 및 코드리뷰 수행

기술 및 도구

Spring boot, Spring Data JPA, Spring Security, JUnit4, Gitlab, JIRA, Confluence

기존 디지털 채널 애플리케이션을 클라우드 전환, MSA 재설계, DevOps 적용, 애자일 방법론 도입을 통한 고도화 프로젝트

백엔드 개발을 담당했습니다.

• 개인화 정보 관련 Micro Service 개발

• Thymeleaf 기반 백오피스, 서비스 개인화 페이지 개발

• Mybatis에서 Spring Data JPA 기반 API Service로 개선

• WebClient를 활용한 금융 기간계 데이터 비동기 연동

기술 및 도구

Spring boot, Spring Data JPA, Thymeleaf, Spring Cloud, Gitlab