미리보기

Experience

• ReactJS 기반 B2C 서비스 웹 애플리케이션 개발

• NextJS 기반 데이터 플랫폼 웹 애플리케이션 개발

• 사내 정보처리기사 스터디 제안 및 운영

Experience

• ReactNative 기반 B2C 서비스 하이브리드 앱 개발

Particulars

• 4학년 2학기 학업 병행 인턴, 주 3회 근무

• 인턴 계약 종료와 동시에 정규직 전환

데이터 카탈로그 기반 통합 데이터 플랫폼 솔루션 프로젝트

Tech Stacks

NextJS TypeScript axios MaterialUI TailwindCSS Grafana

vitest Github Action

Tasks

• NextJS 기반 데스크탑 타겟의 데이터 플랫폼 대시보드 페이지 개발

  • 디자인적 요소에 대한 요구사항이 부재한 상태에서 Google MaterialUI를 활용한 커스텀 컴포넌트 구현 및 적용

• Grafana dashboard를 활용한 데이터 플랫폼 내 시각화 대시보드 구축

• Github Action을 활용한 CI/CD 파이프라인 제안 및 구축

이미지 생성 AI 기반 커플 AI 프로필 판매 서비스 프로젝트

Tech Stacks

ReactJS TypeScript axios Emotion Recoil i18next

NginX Github Action Python OpenCV

Tasks

• ReactJS 기반 모바일 디바이스 타겟의 웹 애플리케이션 프론트엔드 개발 및 유지 보수

  • 커플 AI 프로필 판매 서비스 웹페이지 퍼블리싱 및 기능 구현

  • 프로젝트 자체 디자인 시스템을 기반으로 하여 재사용 가능한 컴포넌트 패턴 구축

  • 네이버, 카카오, 구글, 페이스북 소셜 로그인 SDK를 활용하여 페이지 내 로그인 시스템 구축

  • 카카오페이를 포함한 아임포트 결제 모듈 SDK를 활용하여 페이지 내 결제 시스템 구축

  • 인앱브라우저 환경을 우선으로 한 이미지 업로드 및 다운로드 기능 구현 및 최적화

  • 친구 초대 이벤트, 쿠폰 기능 등 다양한 프로모션 이벤트에 대한 유저 플로우 설계 및 개발

• i18next을 활용한 다국어 처리

  • 5개국어에 대한 다국어 처리를 위한 텍스트 처리 코드 패턴 구축 및 전역 적용

  • GPT api를 활용한 다국어 번역 파일 생성 모듈 구현

• 서비스 운영을 위한 백오피스 페이지 프론트엔드 개발 및 내부망 배포

  • Material UI와 상용화된 ReactJS 템플릿을 활용한 어드민 페이지 개발

  • 서비스 운영 기능 구현: 유저 쿠폰 발급, CS 처리를 위한 유저 정보 열람 페이지

  • 통계 페이지 구현: 백엔드 서버 출처의 마케팅 지표 출력 및 apexchart를 활용하여 시각화

• 검색 엔진 최적화 및 GTM, Meta Pixel 등 마케팅 지표 추적용 모니터링 툴 적용

  • 사이트맵 직접 작성 및 검색엔진 페이지 색인 갱신 작업

  • open graph를 포함한 SEO를 위한 다양한 태그 최적화 작업

  • GTM, Meta Pixel, 자체 유저 트래커 등 유저 플로우 추적을 위한 모니터링 API 정합 및 관리

• 사용자 입력을 통한 실시간 얼굴 보정(스냅 에디터) 기능 개발

  • 스냅 에디터 페이지 개발

    • canvas를 활용한 좌표 기반 이미지 및 레이아웃 렌더링 컴포넌트 구현

    • stack 자료 구조와 React 상태관리를 활용한 이미지 편집 history 기능 구현

  • Python openCV와 Google Mediapipe를 활용한 image to image 얼굴 보정 모듈 개발

    • 랜드마크 기반 얼굴 영역 좌표 추산 및 이목구비 추산 모듈 구현

    • openCV 기반 이목구비별 얼굴 보정 기능 모듈 구현

이미지 합성을 통한 일상 공유 다이어리 서비스 프로젝트

Tech Stacks

ReactNative TypeScript axios Emotion Recoil i18next

Tasks

• ReactNative 기반 하이브리드 앱 개발 및 유지 보수

  • 온보딩 플로우, 다이어리 완성 플로우,

    푸쉬 알림 혹은 딥링크를 통한 앱 진입 플로우, 알림 페이지 등 기능적 분리가 가능한 특정 플로우 및 페이지 퍼블리싱 및 기능 구현

  • 재사용 가능한 패턴의 무한스크롤 컴포넌트 구현 및 전역 적용

  • OS 감지 및 분기를 통한 aos/ios의 동작 구분 기능 구현(안드로이드 백버튼 등)

  • 기획 팀, 디자인 팀과의 지속적인 소통을 통한 QA 프로세스 전담

• 사내 프론트엔트 리액트 컨벤션 제안 및 구축

  • 코드 퀄리티 향상과 유지를 위한 리액트 컴포넌트 작성 컨벤션 논의 및 적용

  • 타입스크립트 활용성을 높히기 위한 optional chaining, any type의 사용을 최소화 및 type narrow function 도입 논의 및 적용

• 앱 버전업 파이프라인 제안 및 구축

  • 앱 버전 넘버의 적절한 관리와 효율적인 QA 및 배포를 위해 앱 배포 파이프라인 정리

  • 문서 작성 및 구성원들과의 공유를 통해 앱 버전에 대한 인식률 향상과 고도화된 버전 관리 적용

• 스크럼 방법론 기반의 프로젝트 매니지먼트로 10+회의 스프린트 경험

• 수료생 중 최고상 수상

• 수료생 중 과제 수행 능력 최고 평가인 블랙 뱃지 수여

• 20개 과제 중 15개 우수 과제 선정

• 전 수강생 대상 발표 2회 진행

  • 프론트엔드 개발자에게 다이어그램이 필요한가? (링크)

  • 부모 함수 추적을 통한 메모이제이션 학습하기

• 인프런 프론트엔드 개발 강의 수강

• 멋쟁이사자처럼 대학 해커톤 참여