미리보기

다양한 SaaS 및 메시징 플랫폼과의 통합 작업을 통해 어드민 시스템의 자동화와 효율성을 극대화하는 프로젝트들을 주도적으로 수행하고 있습니다. 활용가능한 자원을 활용하여 복잡한 업무 프로세스를 간소화하고, 사용자와 저희 개발팀의 경험을 향상시키는 솔루션을 개발하고 있습니다.

설명
대부분의 클라이언트가 와츠앱을 주로 사용하는 국가이다보니, 와츠앱과 어드민 플랫폼을 통합하는 전반적인 모든 작업을 맡아서 진행하였습니다.

진행 내용

1. Meta 비지니스 인증 및 필요 권한 검증 및 PoC 구현하여 Tech Provider 자격 획득

2. Meta Cloud API 전반적인 기능 파악 및 플로우 설계 및 지식 공유

3. 어드민 플랫폼 Whatsapp Business Account 온보딩 설계 및 구현

4. 클라이언트가 핸드 오프로 이어받아 사용자와 채팅할 수 있는 SignalR 로직 및 UI 구현

5. Flow를 통한 Businesss Initiate Template 자동화 및 메세지 브로커 노드로 구축

• FE: Nextjs, swr, react-hook-form, meta graph API, yup

• BE: Nodejs, express

설명
별도로 운영되던 SaaS 코드를 어드민 플랫폼으로 통합시켜 플로우 설계 및 자동화 작업을 진행한 프로젝트입니다. 현재 약 500개의 SaaS 관리되고 있습니다.

진행 내용

1. 플랫폼과 써드파티와 모니터링 동기화를 위해 초기 API route 초기 컨벤션 및 구조 정립

2. 도메인 프로바이더 및 특이케이스 문서화

3. 히스토리 관리 및 컴플레인 추적을 위한 이슈 자동화 로직 구성

4. 도메인 환불, 바인딩, 구매 로직 설계 및 구현 및 이슈 대응

5. Google API 의 Web Masters , Site Verification API 활용 및 모니터링 활성화

6. SaaS 관리 및 모니터링 페이지 구축

7. API 지원없는 Domain 추가 등록 로직 자동화를 위한 Puppeteer 도입

8. middleware를 통한 API route 보안 개선

• FE: Nextjs, swr, react-hook-form, yup

• BE: google-client, azure-client, octokit, godaddy

설명
써드 파티를 이용해 설문의 질문들과 답변들이 따로 관리되어, 데이터들을 취합하는 과정에 불필요한 수작업을 어드민 플랫폼에 구현하여 회사 서버와 연동 및 동적 폼 빌드 기능 구현한 프로젝트입니다.

진행 내용

1. 써드파티를 통한 폼 생성 및 관리를 어드민 페이지에 구현하여 서비스 구독비 절감

2. react-hook-form을 통한 통합 폼 관리 및 Yup을 통한 유효성 컨벤션 정립

3. 다국어사용을 위한 I18n 적용 및 번역 UI 및 피드백 기반 UX 개선

4. 설문 결과 관리 페이지 구현 및 Excel Data 추출 기능 추가

• FE: Nextjs,react-hook-form, yup , framer-motion, next-18next

설명

취업준비 당시 모든 CRUD와 E-commer Flow의 모든 사이클을 경험하고자 시작한 화장품 온라인 판매 이커머스 프로젝트 - Github

기술스택

Nextjs, Chakra-ui, React-query, React-Hook-Form, tailwindCSS

진행내용 및 트러블 슈팅

• 차크라 UI 컴포넌트 커스터 마이징

• Infinite Scroll 구현

• 결제 모듈을 사용해서 토스 결제창 연동

• JWT Refresh 로직 구현

• etc... 트러블슈팅 블로그 글

데보션 오픈랩 에서 주관한 스터디 입니다.
프론트엔드 성능 최적화 가이드 라는 교재를 설정하여 격주로 해당 섹션별로 발표 및 블로그 작성했습니다.

불편함, 일상, 불편함 이라는 주제를 가지고 있는 서비스 개발을 목표로 한 해커톤 입니다.

• 🏆 프리패스상 ( 동아리 합류 )

• Kakao Map API를 통한 지도 인터렉션 및 퍼블리싱

• 최종 발표 준비 및 발표 - 데모영상

공공업무의 혁신 및 개선을 위한 서비스 개발을 목표로 한 해커톤입니다.

• 🏆 2등 ( KDI 국제정책대학원장상 )

• Langchain 로직 검토 및 전반 프론트엔드 구현

• 예선 & 본선 자료 준비 및 발표 - 예선발표영상, 본선데모영상, 본선발표영상

전국 대학생들을 대상으로 구성이된 IT 동아리입니다.

• 해커톤 참여 대학생을 대상으로 프론트엔드 멘토링

• 상태 및 폼 관리부터 배포 관련 이슈 트러블 슈팅 지원

• 해커톤 관련 기사

제주도에 관련하여 관광과 생성형 AI를 활용한 지역 활성화를 위한 서비스 개발을 목표로 한 해커톤입니다.

1. Supabase에 벡터데이터 스토어 구축 및 자동화 스크립트 로직 구현

2. Langchain을 활용한 자연어 키워드 추출 및 관광 루트 요약 로직 구현
   

• Github

• 🏆 대상 (카카오 이장상)

• 크램폴린 교육 이수

• 구름톤 전시회

다양한 스타일과 테마의 네일 아트 디자인을 검색하고, 저장하며, 다른 사용자들과 공유할 수 있는 플랫폼입니다. 사용자 맞춤형 추천 기능과 손쉬운 링크 공유를 통해 친구들과 아이디어를 교환하고, 새로운 디자인을 발견하는 즐거움을 누릴 수 있습니다.

• 플러터 이론 및 문법 스터디

• 플러터 클린 코드 아키텍쳐 (mvvm) 스터디

• 멘토와 실 배포 프로젝트 진행

  - 네일 상세, 리스트, 소셜로그인 구현

  - 디자인에 맞춰 커스텀 컴포넌트 구현

  - 유효성 검사 로직 추가

• Github, 구글스토어, 노션

• Jest를 이용한 단위 테스트
• Cypress를 이용한 E2E 테스트
• Javascript 기본 이론 지식 심화 학습

• 사내 IT팀을 위한 인프라 구축 및 하드웨어 관리

• 미국 전역 전직원 SW, HW 관련 이슈 트러블 슈팅 지원

• 미국 전역 매장 증설 초기 네트워크 및 인프라 세팅 지원