미리보기

캐치테이블 예약, 픽업, 원격 웨이팅 서비스 개발

무선 3차원 의료 스캐닝 시스템의 클라이언트 간 데이터 통신을 위한 소켓 프로그래밍

사용자들이 대기 시간을 최소화하고 편리하게 이용할 수 있도록 하기 위한 원격 웨이팅 서비스

• React, 웹뷰 기반으로 개발
• 웨이팅 등록 과정에서 발생하는 여러 단계의 폼 입력 상황을 효율적으로 관리하기 위해 Context API 기반의 훅 구현, 유효성 검증 등의 비즈니스 로직을 선언적으로 처리
• 클라이언트 내부적으로 API 통신 응답을 캐싱하기 위해 tanstack-query를 이용하였으며 쿼리 무효화가 트리거되는 시점에 주의하여 최신 데이터 유지와 불필요한 캐싱 방지
• AB테스트 수행

기존 웹팩, 바벨 스택의 빌드 프로세스를 개선하기 위한 Vite 도입

• 기존 빌드 프로세스를 유지하면서 Vite의 zero config 이점을 활용하기 위해 rollup의 실험 기능 적용, 프로젝트 및 AWS S3 폴더 구조 개선
• 유연한 설정 관리를 위해 배포 환경에 대한 정보를 환경변수로 분리
• 전환 후, 기존의 2분 대 빌드 시간이 20초대로 감소

우아한형제들의 교육 프로그램 지원 프로세스를 관리하는 플랫폼

• 레거시 자바스크립트 코드를 타입스크립트로 점진적 전환
  • 의존성 트리를 기반으로 낮은 의존성을 가진 모듈부터 점진적 전환
  • 타입 문서화
• 접근성 및 재사용성을 고려한 컴포넌트를 개발
  • 웹 표준 및 A11Y 준수
  • Context API를 활용한 Headless 컴포넌트 구현
  • 스토리북, MSW를 활용한 컴포넌트 주도 개발
• Figma를 이용한 UI 프로토타이핑 및 디자인 시스템 문서화
  • 디자이너가 없는 협업 환경에서 주도적으로 Figma를 사용하여 UI 디자인 요구사항 커뮤니케이션
  • 컬러 시스템 도입 및 문서화

Cypress 테스트 자동화 라이브러리

• Jenkins의 원격 콘솔 환경에서 E2E 테스트를 진행하면서 발생했던 문제점을 해결하고 테스트 로직을 분리하고자 Node API 및 CLI 어플리케이션을 개발해 배포
• 기술 스택: typescript, node.js, cypress
• CI Provider에서 개발 서버 시작과 Headless E2E 테스트 자동화
• 테스트 종료 혹은 에러 발생 시 서버 프로세스 graceful shutdown
• 테스트 결과 콘솔, json 파일 동시 출력을 위한 멀티 리포트 지원
• Node 모듈 API 및 CLI 지원

다중 스캐너를 활용한 무선 3차원 의료 스캐닝 시스템

• 데이터 통신을 위한 소켓 프로그래밍 담당
• 기술 스택: C++, MFC
• MFC Csocket으로 스캐너 간 통신 구현
• 서버에서 트리거 신호를 전송하는 방식으로 스캐너 간 시간 동기화 구현
• TCP 통신을 이용하여 최대 6개의 스캐너까지 지연 시간을 50ms 이하로 통신할 수 있도록 구현
• 아두이노, 스캐너 간 시리얼 통신
• 기존에 사용하던 외장 RF 모듈을 내장 Wi-Fi 모듈로 전환하여 프로토타입 제품의 크기 개선

유스콘 23' 컨퍼런스 스태프로 참여하여 운영 및 촬영, 송출 보조

StrictMode 문서 번역

신입 개발자, 팀에 안정적으로 착륙하기라는 주제로 온보딩부터 서비스 배포까지, 신입 개발자의 시각으로 본 협업 과정에서의 경험 공유