미리보기

FE 파트 (FO공통/매장전시)

기존 Jest 기반 테스트 환경을 Vitest로 전환하여 Vite와의 호환성을 확보하고, MSW를 활용한 TDD 환경을 구축해 효율성과 신뢰성을 증진

• 진행중

• msw/browser를 활용해 API 서버 없이도 브라우저 환경에서 작업 가능한 시스템을 구축

• Swagger UI에 정의된 API모델을 순환 참조해 스키마 추출하는 기능 개발

• API 스키마를 기반으로 Mock 데이터 생성

• gitlab-ci를 이용한 MR 프로세스 도입을 통한 워크플로우 안정성 강화

• Bash 스크립트와 Slack Webhook을 활용해 MR 생성 및 승인 과정을 자동화

• MR 프로세스의 검증 단계를 이용하여 생산성을 향상시키고 Human error를 사전에 방지

• 터미널 기반 서버 구동 프로세스를 구축하여 로컬 개발 서버 구동 과정을 자동화

• 데이터 세팅에 필요한 정보를 parsing 후 빌드하여 작업 효율성을 향상

• 기존 Node.js 버전(10)을 최신 LTS 버전(16)으로 업그레이드

• dependency와 peer-dependency 관계를 분석하여 안정적인 업그레이드 성공 및 dependency 관계성에 대한 이해도 상승

간식 전문 버티컬 플랫폼

• 유일한 FE개발자로서 프로젝트 FE 기획/개발/배포/운영 전반을 담당

• CSR 중심의 렌더링 방식에서 벗어나, 각 페이지 특성을 고려하여 다양한 렌더링 방식(SSG, SSR, CSR)을 적용

• React 18부터 제공된 Suspense 기능을 활용한 Skeleton UI 구현

• img 태그를 사용하던 방식에서 Next.js의 이미지 컴포넌트로 전환하여 이미지 사이즈 및 용량을 최적화

• 깃허브 링크 노션 링크 기술 블로그

JSP와 Spring을 이용한 쇼핑몰

• 메인 테마 및 전체 레이아웃 설계 및 구현

• 메인 페이지 구현, 상품목록 조회 및 페이징 기능 구현

• 깃허브 링크

크롤링 기반 데이터 수집, JSP와 Servlet을 활용한 영화 예매 사이트

• 전체 레이아웃, 공통영역 UI작업 및 MemberDB 설계

• 깃허브 링크 노션 링크

인턴 자격으로 수행한 업무

• 지로 용지 발송을 위해 기존의 지번 주소 데이터를 도로명 주소로 변환하는 작업을 Python으로 자동화

• 카카오맵 API와 주소 API를 활용하여 대량의 주소 데이터를 효율적으로 변환하였으며, 이를 통해 작업 속도와 정확성을 크게 향상 시킴

• 변환된 데이터를 검증 및 저장하는 로직을 추가해 프로세스의 신뢰성을 확보