미리보기

• 사내 관리자 페이지 퍼블리싱 및 기능 개발

• 사내 웹서비스 페이지 및 웹뷰 프로모션 개발

• 타업체 외주 퍼블리싱 및 기능 개발

• ESlint & Prettier 코드 규칙 도입

• 깃 브랜치 전략이 없어서 깃플로우 방식의 브랜치전략 도입으로 인해 업무 협업능률 상승

Description

Gatsby 를 활용한 이력서 및 블로그 사이트

프로젝트 페이지

Experience

• 모노레포 커스터마이징

• GitAction을 통한 CI/CD 자동화 배포

• 반응형 웹 개발

• 도메인 설정 및 등록

Tech Stack

• React,Gatsby,Emotion,Typescript,yarn

Description

AI 상황,감정기반 음악 추천 서비스

프로젝트 페이지

Experience

• Redux를 활용한 상태관리

• AI 챗봇 및 api 통신을 통해 AI 음악추천 UI 및 UX 개발

• 반응형 웹 개발

Tech Stack

• React,Typescript,Scss,Redux

Description

업체 고객 운영관리 서비스

프로젝트 페이지

Experience

• TanStack Query(React Query)를 사용하여 캐싱관리 하여 데이터 처리 속도 향상

• Chart.js 를 활용한 데이터 별 차트 생성

• Atomic 디자인 패턴을 활용한 컴포넌트 분리 및 재사용성 극대화

Tech Stack

• React,Typescript,Tailwind CSS,ReactQuery,ChartJs,Redux Toolkit

Description

서비스 관련 이벤트, 보도자료, 통계 업데이트 및 삭제 페이지

Experience

• 프로모션 페이지 CRUD 페이지 퍼블리싱 및 기능 개발

• 매출 통계 페이지 api 요청 및 퍼블리싱 개발

• DAU, MAU 통계 차트 개발

• 전체유저 및 일부유저 푸시알림 및 예약 푸시알림 기능 개발

Tech Stack

• React,antd,redux

Description

회사 소개 반응형 웹페이지 개발

프로젝트 페이지

Experience

• yarn berry 로 버전 세팅 및 Zero install 도입

• Eslint & Prettier 적용

• 메인페이지 폭죽 애니메이션 css 구현

• 라이브러리 사용 하지않고 슬라이드쇼 기능 구현

• 문의하는 UI 제작 및 api 통신

• 전체 UI & UX 개발

Tech Stack

• React,Typescript,Emotion

Description

미디어파이프의 포즈랜드마크 모델을 통해 움직임을 분석하고 YOLOv5로 객체를 탐지하여 종합된 결과로 상황을 분석하여, 이에 맞는 음악을 자동으로 재생시켜 사용자의 홈라이프를 보조해주는 서비스.

Experience

• 스크린세이버 화면 UI 개발

• 외부 3D Room 을 가져와서 요소 하나하나에 카테고리 명시 및 클릭 시 노래 재생 개발

• 백오피스 이메일 UI 제너레이터 개발

Tech Stack

• Javascript,Html,css,Java(jsp)