김세빈

배우고 발전시키는 것에 행복을 느끼는 백엔드 개발자 김세빈 입니다.

1년 차 개발자로 BIT(Bus Information System) 위주의 솔루션 업체에서 위치 정보 시스템을 개발 / 배포 했습니다. 주로 스프링부트와 자바를 사용해 백엔드 서비스를 개발하였습니다. 회사 요구에 따라 React, Vue.js 유지 보수 업무도 겸하였습니다.

동료들과 협업 과정을 통해 개선하는 일에 보람을 느낍니다. 회사가 요구하기 전, 프론트엔드가 겪는 문제를 알고 백엔드와 더 원활하게 연동하고 싶어 개인적으로 React를 학습하였습니다. 

반복되는 일을 자동화하고 업무의 효율성을 높이는 일을 좋아합니다. 기존 프로젝트의 배포 과정이 단순 반복적인 일 이었기 때문에, 젠킨스를 활용하여 이를 자동화 하였습니다.

혁신적

책임감

협업 지향

학습 지향

열정적

김세빈_포트폴리오.pdf

<h3>주요 기능</h3><ul><li><p><strong>실시간 예약 및 결제 시스템</strong>: 고객이 가사 도우미를 예약하고, Toss 결제를 통해 간편하게 결제를 진행할 수 있는 기능 제공</p></li><li><p><strong>고객/도우미 관리 기능</strong>: 고객과 도우미의 정보를 관리하고, 상태 기반으로 유효한 사용자만 서비스에 접근 가능</p></li><li><p><strong>예약 이력 조회 및 상세 정보 제공</strong>: 고객이 자신의 예약 내역을 확인하고, 예약 상태나 결제 내역을 상세하게 확인할 수 있는 기능 제공</p></li><li><p><strong>캐시 기반 데이터 성능 최적화</strong>: 외부 API 데이터를 캐싱하여 응답 속도 개선 및 서버 부하 최소화</p></li><li><p><strong>보안 강화</strong>: Jasypt를 활용해 민감한 설정값(예: DB 계정, API 키 등)을 암호화하여 안전하게 관리</p></li></ul><hr><h4>역할</h4><p><strong>백엔드 개발</strong></p><ul><li><p><code>@CacheRemove</code> 어노테이션 및 <code>CacheQuerier</code> 클래스를 설계하여 캐시를 동적으로 관리</p></li><li><p>Toss 결제 프로세스를 도메인 서비스로 통합(<code>CareReservationPaymentCommander</code>)하고 트랜잭션 및 예외 처리 구현</p></li><li><p>모든 도메인에 <code>active</code> 필드를 도입하고, JPA 확장 함수(<code>getOrThrow</code>, <code>existsByIdAndActive</code>)로 재사용 가능한 검증/조회 로직 구현</p></li><li><p><code>Jasypt</code> 설정 클래스를 직접 작성하여 application.yml의 민감 정보를 암호화</p></li><li><p>서비스의 보안성과 성능 최적화를 위한 핵심 인프라 구성 담당</p></li></ul><p><strong>프론트엔드 개발</strong></p><ul><li><p><code>Next.js</code>와 <code>React Query</code> 기반의 공통 API 유틸(<code>requestApi</code>, <code>useApi</code>, <code>useExcelDownloadApi</code>) 구현</p></li><li><p>파일 업로드 및 다운로드 처리, 서버/클라이언트 환경 분기에 따른 예외 대응 등 사용자 경험 향상에 기여</p></li></ul><hr><h4>사용자 만족도</h4><ul><li><p>외부 API 호출을 캐시 처리로 전환하여 <strong>API 응답 속도 약 70% 향상</strong>, 서버 부하도 눈에 띄게 감소</p></li><li><p>Toss 결제 실패 시에도 예외 메시지를 정교하게 파싱하고, 트랜잭션 상태를 기록함으로써 <strong>문제 추적 및 복구 가능성 향상</strong></p></li></ul><h4>협업 환경</h4><ul><li><p>캐시, 트랜잭션, 외부 연동, 보안 등의 공통 로직을 명확히 분리하여 <strong>팀원 간의 책임 분담과 유지보수가 용이한 구조</strong> 확립</p></li></ul><h4>기술 습득</h4><ul><li><p>Spring AOP, CacheManager, Feign, Jasypt, Toss API 등 실무에 가까운 기술을 스스로 학습하고 실서비스에 성공적으로 적용</p></li><li><p>프론트엔드 API 추상화 및 에러 핸들링 구조를 직접 설계하며 <strong>프론트엔드 개발 관점에서도 성장을 경험</strong></p></li></ul>

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

<h2>주요 기능</h2>
<ul>
<li><strong>맛집 정보 제공</strong>: 학원 주변의 다양한 맛집 정보를 제공하여 신입 수강생들이 쉽게 식사 장소를 찾을 수 있도록 지원.</li>
<li><strong>친구 매칭 기능</strong>: 수강생들이 서로 점심 약속을 잡을 수 있는 매칭 시스템을 구현하여 학원 생활 적응을 도모.</li>
<li><strong>리뷰 및 평점 시스템</strong>: 사용자들이 방문한 맛집에 대해 리뷰와 평점을 남길 수 있는 기능을 추가하여, 다른 수강생들에게 유용한 정보 제공.</li>
</ul>
<h2>본인의 역할 및 기여도</h2>
<h3>역할</h3>
<ul>
<li><strong>프론트엔드 개발</strong><ul>
<li><code>Thymeleaf</code>를 활용하여 사용자 친화적인 게시판 화면을 설계 및 구현</li>
<li>게시글에 대한 계층형 댓글 구조를 구현</li>
</ul>
</li>
<li><strong>백엔드 개발</strong><ul>
<li>회원가입 시 입력된 데이터의 유효성을 검사</li>
<li>사용자의 프로필 등 이미지 저장</li>
<li>수강생들 간의 실시간 1:1 채팅 기능 </li>
<li>현재 접속한 수강생들을 확인할 수 있는 기능</li>
</ul>
</li>
<li><strong>데이터베이스 관리</strong><ul>
<li>팀원들이 사용할 공용 데이터베이스를 구축 및 관리</li>
</ul>
</li>
</ul>
<h3>기여도</h3>
<ul>
<li><strong>기술 기여</strong>: <ul>
<li>프론트엔드 및 백엔드의 주요 기능 구현에 주도적으로 참여</li>
<li><code>Thymeleaf</code>를 사용한 사용자 친화적인 게시판 화면 설계 및 구현</li>
<li><code>spring-boot-starter-validation</code>을 활용한 회원가입 유효성 검사 기능 개발</li>
<li><code>spring-cloud-starter-aws</code>와 AWS S3를 이용한 사용자 이미지 저장 기능 구현</li>
<li><code>stomp-websocket</code>을 활용한 실시간 1:1 채팅 기능 구현</li>
<li>Oracle Cloud와 Docker를 이용한 공용 데이터베이스 구축 및 관리</li>
</ul>
</li>
</ul>
<h2>성과 및 결과</h2>
<ul>
<li><strong>사용자 만족도</strong><ul>
<li>카카오 API, Oracle Cloud, Docker 등 학원에서 배울 수 없는 기술을 활용하여 다수의 긍정적인 평가 획득</li>
</ul>
</li>
<li><strong>협업 환경</strong><ul>
<li>다른 학생들은 공용 데이터베이스가 없어서 학원에서만 개발해야 했지만, TasteMate팀은 언제 어디서나 개발할 수 있는 환경을 조성</li>
</ul>
</li>
<li><strong>기술 습득</strong><ul>
<li>학원 학습 이외에도 개인적으로 다양한 기술을 찾아보고 공부하면서 자기주도적인 학습 능력을 기름</li>
</ul>
</li>
</ul>

Tastemate - 아이티윌 학원 신입 수강생들의 편리한 식사 환경 조성을 위한 점심 친구 매칭사이트

<p><strong>경주시내버스 실시간 위치 정보 시스템</strong>은 경주시내버스의 실시간 위치를 카카오맵을 통해 확인할 수 있는 시스템이다. 이를 통해 시민들과 관광객들이 버스 도착 시간을 정확하게 알 수 있으며, 대중교통 이용의 편리성을 높이는 것을 목표로 삼음</p>
<h3>본인의 역할</h3>
<ul>
<li><strong>프론트엔드 개발</strong><ul>
<li><code>React-Leaflet</code>을 사용하여 특정 지점에서 실시간으로 움직이는 버스 구현</li>
</ul>
</li>
<li><strong>NGINX 설정 및 리버스 프록시 구성</strong><ul>
<li>HTTPS 인증서 설정을 통해 보안 강화</li>
<li>리버스 프록시 기능을 이용하여 DMZ와 내부망 연결</li>
</ul>
</li>
<li><strong>Docker를 이용한 환경 설정</strong><ul>
<li>NanoMQ, Redis, MongoDB를 이용한 버스 실시간 위치 정보 수집 환경 설정</li>
</ul>
</li>
</ul>
<h3>기여도</h3>
<ul>
<li><strong>기술 기여</strong><ul>
<li><strong>프론트엔드</strong> <ul>
<li><code>React-Leaflet</code>을 사용하여 실시간으로 움직이는 버스를 지도에 표시함으로써 사용자에게 직관적인 위치 정보를 제공</li>
</ul>
</li>
<li><strong>NGINX 설정</strong><ul>
<li>HTTPS 인증서를 통한 보안 강화 및 리버스 프록시 구성으로 외부와 내부망 간의 안전한 데이터 전달 경로 확보</li>
</ul>
</li>
<li><strong>Docker 환경 설정</strong><ul>
<li>NanoMQ, Redis, MongoDB를 Docker 컨테이너로 구성하여 손쉽게 배포 및 관리 가능한 실시간 위치 정보 수집 시스템 구현</li>
</ul>
</li>
</ul>
</li>
<li><strong>성과 및 결과</strong><ul>
<li><strong>실시간 위치 정보 제공</strong>: 실시간으로 버스의 위치를 지도에 표시함으로써 사용자 경험을 대폭 향상시킴</li>
<li><strong>보안 강화</strong>: HTTPS 인증서 설정으로 데이터 전송의 보안을 강화하여 사용자와 시스템 간의 신뢰성을 높임</li>
<li><strong>효율적인 환경 구성</strong>: Docker를 이용한 환경 설정으로 일관된 개발 및 운영 환경을 제공, 시스템 배포 시간을 단축하고 유지보수 효율성을 증대시킴</li>
<li><strong>시스템 안정성</strong>: NGINX 리버스 프록시를 통해 DMZ와 내부망 간의 안전한 연결을 제공, 시스템의 안정성과 신뢰성을 확보</li>
</ul>
</li>
</ul>

경주시내버스 실시간 위치 정보 시스템 구축

<p><strong>ALLLINK</strong>는 기존에 사용자가 URL을 저장할 때 주로 카카오톡 개인 메시지에 복사 붙여넣기 방식으로 저장하던 불편함을 해소하기 위하여, 용자가 URL을 쉽게 저장하고 관리할 수 있도록 하며, URL을 다른 사람들과 간편하게 공유할 수 있도록 지원하는 것을 목표로 삼음</p>
<h3>본인의 역할</h3>
<ul>
<li><strong>팀 리더</strong><ul>
<li><code>인프런</code>, <code>Hola</code> 등 커뮤니티를 통해 기획자, 디자이너, 백엔드 팀원, 프론트엔드를 직접 구인</li>
<li>팀원들 간의 원활한 의사소통과 문서화를 위해 <code>GitHub Organization</code>을 조직하고 <code>Slack</code>, <code>Confluence</code>를 통해 이를 실천</li>
<li>매주 목요일 <code>디스코드</code>를 통해 전체회의 진행</li>
</ul>
</li>
</ul>
<h3>본인의 역할</h3>
<ul>
<li><strong>팀 리더</strong><ul>
<li><code>인프런</code>, <code>Hola</code> 등 커뮤니티를 통해 기획자, 디자이너, 백엔드 팀원, 프론트엔드를 직접 구인</li>
<li>팀원들 간의 원활한 의사소통과 문서화를 위해 <code>GitHub Organization</code>을 조직하고 <code>Slack</code>, <code>Confluence</code>를 통해 이를 실천</li>
<li>매주 목요일 <code>디스코드</code>를 통해 전체회의 진행</li>
</ul>
</li>
<li><strong>인프라 환경 구성</strong><ul>
<li>개발용 서버: <code>Vultr</code>를 사용하여 배포 및 관리</li>
<li>운영 서버: <code>오라클 클라우드</code>를 사용하여 배포 및 관리</li>
<li>도메인 : 실제 운영환경을 체험하기 위해 Hosting.kr에서 allink.xyz와 allink.co.kr을 사비로 구매하고, 이를 클라우드 서버에 연동</li>
<li>HTTPS:  <code>Let&#39;s Encrypt</code>를 통해 allink.xyz 도메인에 대한 와일드카드 SSL 인증서를 발급받고 적용</li>
<li>데이터베이스: <code>Vultr</code> 인스턴스 Postgresql 설치하여 개발용 DB 구축</li>
</ul>
</li>
<li><strong>백엔드</strong><ul>
<li>스프링부트, JPA, Docker, Postgresql, github action, Jenkins를 사용하여 백엔드 기능 개발 / 배포 / 운영</li>
<li><code>Vault</code>를 사용해 환경설정 보안 강화</li>
</ul>
</li>
</ul>
<h3>기여도</h3>
<ul>
<li><strong>기술 기여</strong><ul>
<li><strong>백엔드</strong> <ul>
<li><code>GitHub Webhook</code>을 <code>Jenkins</code>와 연동하여 특정 브랜치에 팀원이 push하거나 merge할 때 Jenkins에서 자동으로 배포가 이루어지도록 설정</li>
<li><code>Jenkins</code>를 <code>Slack</code>과 연동하여 빌드 및 배포 결과에 따라 <code>Slack</code>에 알림이 전송되도록 구성했습니다. 이를 통해 팀원들이 빌드 및 배포 상태를 실시간으로 확인할 수 있게 함</li>
<li>TDD를 경험하기 위해 테스트 코드를 작성하여 코드 품질 개선</li>
<li>OpenAPI 3와 Swagger를 사용하여 백엔드 프로젝트 빌드 시 자동으로 Swagger API 페이지가 생성되도록 설정하고, 이를 통해 프론트엔드 팀과 API에 대한 원활한 소통 촉진</li>
<li>카카오 API와 네이버 API를 사용하여 소셜 로그인 기능 구현</li>
<li>API 토큰, 키 값 등 중요한 정보를 Vault에 저장하여 관리. 이를 통해 보안성을 강화하고 민감한 정보의 안전한 관리를 보장</li>
</ul>
</li>
</ul>
</li>
</ul>

ALLLINK

<h6>교통카드 정산, BIT(Bus Information System) 서비스를 제공하는 IT 솔루션 기업</h6><p><strong>Backend / Frontend Developer</strong></p><ul><li><p>Spring boot, React, Docker 를 사용하여 경주 시내버스의 실시간 위치 정보를 10cm 이내 오차 범위 제공하는 시스템 구축</p></li><li><p>Spring boot, Vue.js 를 사용하여 사람이 들을 수 없는 고주파 음역대를 이용한 출석 시스템 '사운드태그' 개발 / 배포 / 운영</p></li></ul>

<h3>든든한 파출부 – 가사·식당도우미 매칭 플랫폼</h3><p><br><strong>사용 기술</strong>: Next.js, TypeScript, Kotlin, Spring Boot, Spring Data JPA, QueryDSL</p><ul><li><p><strong>API 성능 개선</strong>: Spring CacheManager와 커스텀 어노테이션(@CacheRemove)을 활용하여 외부 API 호출을 최소화하고, 운영 중 캐시 관리 기능을 분리하여 효율성 향상</p></li><li><p><strong>보안 강화</strong>: Jasypt를 적용하여 application.yml 내 민감 정보를 암호화하고, 설정 클래스를 직접 구현하여 운영 환경의 안정성 확보</p></li><li><p><strong>도메인 로직 유틸화</strong>: 모든 도메인에 active 필드를 도입하여 논리 삭제를 처리하고, JpaRepository 확장 함수를 통해 코드 일관성과 재사용성 향상</p></li><li><p><strong>결제 연동 및 트랜잭션 처리</strong>: Toss 결제 승인 및 돌봄 예약을 통합한 CareReservationPaymentCommander 서비스 설계 및 구현</p></li><li><p><strong>프론트엔드 API 유틸 구현</strong>: requestApi, useApi, useExcelDownloadApi 등을 설계하여 API 호출의 일관성과 재사용성 향상</p></li></ul>