미리보기

든든한 파출부 – 가사·식당도우미 매칭 플랫폼

사용 기술: Next.js, TypeScript, Kotlin, Spring Boot, Spring Data JPA, QueryDSL

• API 성능 개선: Spring CacheManager와 커스텀 어노테이션(@CacheRemove)을 활용하여 외부 API 호출을 최소화하고, 운영 중 캐시 관리 기능을 분리하여 효율성 향상

• 보안 강화: Jasypt를 적용하여 application.yml 내 민감 정보를 암호화하고, 설정 클래스를 직접 구현하여 운영 환경의 안정성 확보

• 도메인 로직 유틸화: 모든 도메인에 active 필드를 도입하여 논리 삭제를 처리하고, JpaRepository 확장 함수를 통해 코드 일관성과 재사용성 향상

• 결제 연동 및 트랜잭션 처리: Toss 결제 승인 및 돌봄 예약을 통합한 CareReservationPaymentCommander 서비스 설계 및 구현

• 프론트엔드 API 유틸 구현: requestApi, useApi, useExcelDownloadApi 등을 설계하여 API 호출의 일관성과 재사용성 향상

교통카드 정산, BIT(Bus Information System) 서비스를 제공하는 IT 솔루션 기업

Backend / Frontend Developer

• Spring boot, React, Docker 를 사용하여 경주 시내버스의 실시간 위치 정보를 10cm 이내 오차 범위 제공하는 시스템 구축

• Spring boot, Vue.js 를 사용하여 사람이 들을 수 없는 고주파 음역대를 이용한 출석 시스템 '사운드태그' 개발 / 배포 / 운영

주요 기능

• 실시간 예약 및 결제 시스템: 고객이 가사 도우미를 예약하고, Toss 결제를 통해 간편하게 결제를 진행할 수 있는 기능 제공

• 고객/도우미 관리 기능: 고객과 도우미의 정보를 관리하고, 상태 기반으로 유효한 사용자만 서비스에 접근 가능

• 예약 이력 조회 및 상세 정보 제공: 고객이 자신의 예약 내역을 확인하고, 예약 상태나 결제 내역을 상세하게 확인할 수 있는 기능 제공

• 캐시 기반 데이터 성능 최적화: 외부 API 데이터를 캐싱하여 응답 속도 개선 및 서버 부하 최소화

• 보안 강화: Jasypt를 활용해 민감한 설정값(예: DB 계정, API 키 등)을 암호화하여 안전하게 관리

역할

백엔드 개발

• @CacheRemove 어노테이션 및 CacheQuerier 클래스를 설계하여 캐시를 동적으로 관리

• Toss 결제 프로세스를 도메인 서비스로 통합(CareReservationPaymentCommander)하고 트랜잭션 및 예외 처리 구현

• 모든 도메인에 active 필드를 도입하고, JPA 확장 함수(getOrThrow, existsByIdAndActive)로 재사용 가능한 검증/조회 로직 구현

• Jasypt 설정 클래스를 직접 작성하여 application.yml의 민감 정보를 암호화

• 서비스의 보안성과 성능 최적화를 위한 핵심 인프라 구성 담당

프론트엔드 개발

• Next.js와 React Query 기반의 공통 API 유틸(requestApi, useApi, useExcelDownloadApi) 구현

• 파일 업로드 및 다운로드 처리, 서버/클라이언트 환경 분기에 따른 예외 대응 등 사용자 경험 향상에 기여

사용자 만족도

• 외부 API 호출을 캐시 처리로 전환하여 API 응답 속도 약 70% 향상, 서버 부하도 눈에 띄게 감소

• Toss 결제 실패 시에도 예외 메시지를 정교하게 파싱하고, 트랜잭션 상태를 기록함으로써 문제 추적 및 복구 가능성 향상

협업 환경

• 캐시, 트랜잭션, 외부 연동, 보안 등의 공통 로직을 명확히 분리하여 팀원 간의 책임 분담과 유지보수가 용이한 구조 확립

기술 습득

• Spring AOP, CacheManager, Feign, Jasypt, Toss API 등 실무에 가까운 기술을 스스로 학습하고 실서비스에 성공적으로 적용

• 프론트엔드 API 추상화 및 에러 핸들링 구조를 직접 설계하며 프론트엔드 개발 관점에서도 성장을 경험

경주시내버스 실시간 위치 정보 시스템은 경주시내버스의 실시간 위치를 카카오맵을 통해 확인할 수 있는 시스템이다. 이를 통해 시민들과 관광객들이 버스 도착 시간을 정확하게 알 수 있으며, 대중교통 이용의 편리성을 높이는 것을 목표로 삼음

본인의 역할

• 프론트엔드 개발
  • React-Leaflet을 사용하여 특정 지점에서 실시간으로 움직이는 버스 구현
• NGINX 설정 및 리버스 프록시 구성
  • HTTPS 인증서 설정을 통해 보안 강화
  • 리버스 프록시 기능을 이용하여 DMZ와 내부망 연결
• Docker를 이용한 환경 설정
  • NanoMQ, Redis, MongoDB를 이용한 버스 실시간 위치 정보 수집 환경 설정

기여도

• 기술 기여
  • 프론트엔드
    • React-Leaflet을 사용하여 실시간으로 움직이는 버스를 지도에 표시함으로써 사용자에게 직관적인 위치 정보를 제공
  • NGINX 설정
    • HTTPS 인증서를 통한 보안 강화 및 리버스 프록시 구성으로 외부와 내부망 간의 안전한 데이터 전달 경로 확보
  • Docker 환경 설정
    • NanoMQ, Redis, MongoDB를 Docker 컨테이너로 구성하여 손쉽게 배포 및 관리 가능한 실시간 위치 정보 수집 시스템 구현
• 성과 및 결과
  • 실시간 위치 정보 제공: 실시간으로 버스의 위치를 지도에 표시함으로써 사용자 경험을 대폭 향상시킴
  • 보안 강화: HTTPS 인증서 설정으로 데이터 전송의 보안을 강화하여 사용자와 시스템 간의 신뢰성을 높임
  • 효율적인 환경 구성: Docker를 이용한 환경 설정으로 일관된 개발 및 운영 환경을 제공, 시스템 배포 시간을 단축하고 유지보수 효율성을 증대시킴
  • 시스템 안정성: NGINX 리버스 프록시를 통해 DMZ와 내부망 간의 안전한 연결을 제공, 시스템의 안정성과 신뢰성을 확보

주요 기능

• 맛집 정보 제공: 학원 주변의 다양한 맛집 정보를 제공하여 신입 수강생들이 쉽게 식사 장소를 찾을 수 있도록 지원.
• 친구 매칭 기능: 수강생들이 서로 점심 약속을 잡을 수 있는 매칭 시스템을 구현하여 학원 생활 적응을 도모.
• 리뷰 및 평점 시스템: 사용자들이 방문한 맛집에 대해 리뷰와 평점을 남길 수 있는 기능을 추가하여, 다른 수강생들에게 유용한 정보 제공.

본인의 역할 및 기여도

역할

• 프론트엔드 개발
  • Thymeleaf를 활용하여 사용자 친화적인 게시판 화면을 설계 및 구현
  • 게시글에 대한 계층형 댓글 구조를 구현
• 백엔드 개발
  • 회원가입 시 입력된 데이터의 유효성을 검사
  • 사용자의 프로필 등 이미지 저장
  • 수강생들 간의 실시간 1:1 채팅 기능
  • 현재 접속한 수강생들을 확인할 수 있는 기능
• 데이터베이스 관리
  • 팀원들이 사용할 공용 데이터베이스를 구축 및 관리

기여도

• 기술 기여:
  • 프론트엔드 및 백엔드의 주요 기능 구현에 주도적으로 참여
  • Thymeleaf를 사용한 사용자 친화적인 게시판 화면 설계 및 구현
  • spring-boot-starter-validation을 활용한 회원가입 유효성 검사 기능 개발
  • spring-cloud-starter-aws와 AWS S3를 이용한 사용자 이미지 저장 기능 구현
  • stomp-websocket을 활용한 실시간 1:1 채팅 기능 구현
  • Oracle Cloud와 Docker를 이용한 공용 데이터베이스 구축 및 관리

성과 및 결과

• 사용자 만족도
  • 카카오 API, Oracle Cloud, Docker 등 학원에서 배울 수 없는 기술을 활용하여 다수의 긍정적인 평가 획득
• 협업 환경
  • 다른 학생들은 공용 데이터베이스가 없어서 학원에서만 개발해야 했지만, TasteMate팀은 언제 어디서나 개발할 수 있는 환경을 조성
• 기술 습득
  • 학원 학습 이외에도 개인적으로 다양한 기술을 찾아보고 공부하면서 자기주도적인 학습 능력을 기름