About

Next.js, TypeScript, MDX, Tailwind CSS, SEO, Google Analytics

• MDX를 활용하여 마크다운 기반 블로그 포스팅 작성 환경 구축
• 반응형 디자인을 적용하여 다양한 디바이스에서 일관된 사용자 경험 제공
• Google Lighthouse 기반으로 성능 분석 및 최적화 작업 진행
• 각 포스팅 별 제목, 설명, 태그 등 동적 메타 데이터 처리로 SEO 향상
• generateStaticParams를 활용하여 빌드 타임에 동적 URL 경로를 미리 생성, 페이지 로딩 성능 30% 이상 향상
• MDX 파일 경로와 포스팅 데이터를 캐싱, 반복되는 콘텐츠 요청 시 응답 시간 단축
• Google Analytics를 통한 사용자 행동 분석 및 블로그 성과 측정

React, TypeScript, TanStack Query, Tailwind CSS

• 새싹 해커톤에 참여하여 다양한 이해 관계자들과의 원할한 협업 진행
• openAI ChatGPT API를 활용하여 prompt 작성 및 AI 챗봇 기능 구현
• 디자인 토큰을 활용하여 프로젝트 UI 요소 전반의 일관성 보장
• Axios Interceptor를 활용하여 중복된 로직 처리 및 에러 핸들링 구현
• 위치 기반 외국인 사무소 추천 및 실시간 길안내 기능 구현

React, TypeScript, FCM, TanStack Query, Tailwind CSS, Zustand

• 프론트엔드 리더로 참여하여 컴포넌트 및 디렉토리 설계와 기술 스택 선정
• Google Forms을 통한 실사용자들의 피드백을 바탕으로 서비스 유지보수 진행
• 아바타 상태 변경 및 꾸미기 낙관적 업데이트 적용으로 사용자 경험 향상
• 재사용 가능한 공통 컴포넌트 개발 (Button, Modal, BottomSheet 등)
• MediaStream API 및 canvas를 활용하여 카메라 전, 후면 캡쳐 구현
• 메시지 조회 무한스크롤 구현

React, TypeScript, Storybook, MSW, TanStack Query, Tailwind CSS, Zustand

• Mock Service Worker 도입하여 프론트엔드와 백엔드 팀 간의 작업 병목 현상 해소
• Storybook 도입하여 독립적인 컴포넌트 개발 및 커뮤니케이션 강화
• MediaStream API를 활용한 면접 진행 및 녹화 핵심 기능 구현
• Speech-to-Text를 활용하여 질문에 대한 답변 기반 꼬리 질문 생성 로직 구현
• 이력서 기반 질문 생성 완료 시 SSE 실시간 알림 기능 구현

React, TypeScript, TanStack Query, Tailwind CSS, Zustand

• Gerrit를 통한 커밋 단위 코드 리뷰로 명확한 변경 사항 추적 및 코드 품질 향상
• 상위 입찰 발생 및 라이브 방송 전 SSE 실시간 알림 기능 구현
• iamport API를 활용하여 카카오 페이를 통한 모의 포인트 충전 구현
• useState를 이용하여 카테고리, 지역, 경매 상태 등 다양한 필터링 상태 관리 구현
• 경매글 작성 구현 ( 다중 사진 등록 및 이미지 미리보기 등 )