미리보기

생성형 상담 채팅 어시스턴트 서비스 고도화 프로젝트입니다.

현재 saas형 어시스턴트 매니저, 어시스턴트 어드민, 시스템 어드민 3가지 서비스를 개발 하고 있으며
프론트 파트를 리딩하며 주도적으로 구조 설계 및 개발하고있습니다.

• pnpm workspace 환경 구성

• argocd 환경 구축

• ncp kubernets 운영 환경 구축

• shadcn/ui 활용한 디자인 시스템 구축

• fsd 아키텍처 활용한 구조 설계

• 기술스택 : react, typescript, react-query, zustand,

  suspensive tailwindcss, shadcn/ui, kubernetes, argocd, jira

고려대학교에 제공되는 규정안내 챗봇으로 lag방식의 서비스 입니다.

• tailwindcss를 활용한 화면 개발

• pdfjs를 활용한 pdf 뷰어 개발

• sso 로그인 연동

• IndexedDB을 활용한 화면 개발

• tw-colors, next-themes을 활용한 다크모드 화면 개발

• fsd 아키텍처를 활용한 프로젝트 설계 진행

• 다국어 처리

• 기술스택: nextjs, typescript, react-query, zustand, tailwindcss

화성 시청, 순천 시청에 제공 되는 생성형 상담 서비스입니다.

• 상담사 어시스턴트 화면과 어드민 화면 개발 및 구조 설계

• fetch api 활용한 sse 스트림 처리

• 유저별 접근 권한별 화면 설계 및 개발

• react-query, useInfiniteQuery, Intersection Observer API 활용한 화면 개발

• saas화 진행을 위해한 테넌트별 화면 및 구조 설계

• 기술스택: react, typescript, vite, react-query, zustand, emotion

• 회사 활동

  • 2024년 월드IT시연

  • 와이즈넛, 생성AI 플랫폼 "WISE iRAG"출시

  • 정부 박람회 벡스코에서 시연

  • 소프트웨이브 2023에서 시연

  • 스마트 테크 코리아 2024 시연

여러 기업들에 생성형 ai 플랫폼 서비스를 제공하기 위한 프론트 개발을 담당했습니다.

• 타이핑 처리를 위한 재사용 가능한 컴포넌트 개발

• 대화 history 관리 및 유저,상황별 상태 관리를 위한 구조 설계 및 개발

• 디자인 시스템 기반 화면 구성에 필요한 base템플릿 개발

• 단답형,객관식 문제형 화면 을 위한 구조 설계 및 개발

• DALL·E 서비스 활용한 그림일기 화면 개발

• 기술스택: react, typescript, vite, react-query, zustand, emotion

• 제공 관련 회사

  • 교원그룹, 비상그룹, 코리안리, 경동 그룹, 국회도서관, 노후 홀딩스, 위비스, 네페스

챗봇 플랫폼을 saas형으로 변환 및 프론트 파트 구조 설계 및 기능 개발을 진행했습니다.

• yarn berry monorepo 환경 구성

• styled-components 기반 재사용 가능한 컴포넌트 설계 및 디자인 시스템 적용

• 어드민에서 커스텀 가능한 챗봇 관리 기능을 위한 preview 제공 기능 개발

• 챗봇 서비스 제공을 위한 임베딩 스크립트 개발

• 서버데이터 관리를 위한 react-query도입 및 신규 기능에 대해 내부 팀원에게 공유진행

• 기술스택: react, typescript, redux-toolkit, react-query, storybook, yarn monorepo, emotion

레드캡투어 사내 사용자들의 사용성 증대를 위한 웹 어시스턴트 플랫폼을 개발 했습니다.

• 내부 사용자를 위한 설치형 챗봇 화면 개발

• 기업에 제공되는 항공,호텔,렌트카 예약관리 서비스 어시스턴트 화면 개발

  • 임베디드로 제공된 어시스턴트를 활용하여 현재 사용자의 상태를 체크하여 편의제공 서비스 개발
  • intersection observer 사용을 통한 dom element 변화 감지 구현

• 기술스택: react, typescript, redux-toolkit, react-i18n, redux-saga, styled-components

스프링클라우드라는 기업과 협업 하여 2가지 버전의 자율주행 관제 서비스 개발을 진행했습니다.
프론트 파트에서 어드민 서비스 개발을 진행했습니다.

• 실시간 통신으로 차량 위치 정보를 받아 지도에 차량 정보 표현

  • 판교내 차량운행을 통해 테스트 진행

• 차량 상태(배터리, 급정거, 속도 등)의 데이터를 실시간으로 받아 어드민 화면 표현 개발

• webrtc기술을 사용하여 현재 운행중인 차량 전면의 실시간 화면을 어드민에 연동

• 기술스택: react, javascript, contextapi, websocket, webrtc

상담사와 번역가, 병원 관계자를 이어주는 상담 플랫폼으로 동남아 사용자 타킷으로 만들어진 서비스입니다.
주 업무는 프론트엔드 파트 담당으로 참여하여 어드민 서비스를 개발했고 추가 적으로 실시간 데이터 분석을 위해
spark streaming, hadop을 활용하여 db에 데이터를 적재하는 부분도 일부 개발 진행했습니다.

• 일 최대 가입자 1500+, 일 최대 채팅 200+ 서비스 개발 및 운영

• 실시간 채팅과 방 생성 관련 설계 및 구현

• mobx observable패턴을 사용해 구현

• 사용자별 권한 처리 진행

• 랜더링 최적화를 위해 방 조회, 채팅 조회 화면에 infinite scroll, virtualized적용

• 기술스택: react, javascript, mobx, websocket, spark streaming, hadop

기존 담당하던 파트가 아니였지만 업무를 진행하며 안드로이드 개발에 필요한 지식을 습득하여 아래 3가지의 서비스를 개발했습니다.

• 모야모

  • 100만 다운로드 서비스 개발, 운용 및 유지보수
  • 다중 사진 업로드 구현
  • 딥링크 구현
  • mvvm패턴 적용을 통한 의존성 감소

• 비링크, 헬스케어 플랫폼

  • common activity, frament 구현을 통해 재사용성 증대
  • 프로젝트 초기 architeture 설계

• 덕질, 아이돌 굿즈 플랫폼

  • 멀티 recycler view 구현
  • generic adatper 구현을 통해 반복구현 제거

• 기술스택: android, aac, mvvm, room, koin, rxjava