미리보기

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

Backend / Frontend Developer
2023.08-현재

• Spring boot, React, Docker 를 사용하여 경주 시내버스의 실시간 위치 정보를 10cm 이내 오차 범위 제공하는 시스템 구축
• Spring boot, Vue.js 를 사용하여 사람이 들을 수 없는 고주파 음역대를 이용한 출석 시스템 '사운드태그' 개발 / 배포 / 운영

주요 기능

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

본인의 역할 및 기여도

역할

• 프론트엔드 개발
  • 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팀은 언제 어디서나 개발할 수 있는 환경을 조성
• 기술 습득
  • 학원 학습 이외에도 개인적으로 다양한 기술을 찾아보고 공부하면서 자기주도적인 학습 능력을 기름

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

본인의 역할

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

기여도

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

ALLLINK는 기존에 사용자가 URL을 저장할 때 주로 카카오톡 개인 메시지에 복사 붙여넣기 방식으로 저장하던 불편함을 해소하기 위하여, 용자가 URL을 쉽게 저장하고 관리할 수 있도록 하며, URL을 다른 사람들과 간편하게 공유할 수 있도록 지원하는 것을 목표로 삼음

본인의 역할

• 팀 리더
  • 인프런, Hola 등 커뮤니티를 통해 기획자, 디자이너, 백엔드 팀원, 프론트엔드를 직접 구인
  • 팀원들 간의 원활한 의사소통과 문서화를 위해 GitHub Organization을 조직하고 Slack, Confluence를 통해 이를 실천
  • 매주 목요일 디스코드를 통해 전체회의 진행

본인의 역할

• 팀 리더
  • 인프런, Hola 등 커뮤니티를 통해 기획자, 디자이너, 백엔드 팀원, 프론트엔드를 직접 구인
  • 팀원들 간의 원활한 의사소통과 문서화를 위해 GitHub Organization을 조직하고 Slack, Confluence를 통해 이를 실천
  • 매주 목요일 디스코드를 통해 전체회의 진행
• 인프라 환경 구성
  • 개발용 서버: Vultr를 사용하여 배포 및 관리
  • 운영 서버: 오라클 클라우드를 사용하여 배포 및 관리
  • 도메인 : 실제 운영환경을 체험하기 위해 Hosting.kr에서 allink.xyz와 allink.co.kr을 사비로 구매하고, 이를 클라우드 서버에 연동
  • HTTPS: Let's Encrypt를 통해 allink.xyz 도메인에 대한 와일드카드 SSL 인증서를 발급받고 적용
  • 데이터베이스: Vultr 인스턴스 Postgresql 설치하여 개발용 DB 구축
• 백엔드
  • 스프링부트, JPA, Docker, Postgresql, github action, Jenkins를 사용하여 백엔드 기능 개발 / 배포 / 운영
  • Vault를 사용해 환경설정 보안 강화

기여도

• 기술 기여
  • 백엔드
    • GitHub Webhook을 Jenkins와 연동하여 특정 브랜치에 팀원이 push하거나 merge할 때 Jenkins에서 자동으로 배포가 이루어지도록 설정
    • Jenkins를 Slack과 연동하여 빌드 및 배포 결과에 따라 Slack에 알림이 전송되도록 구성했습니다. 이를 통해 팀원들이 빌드 및 배포 상태를 실시간으로 확인할 수 있게 함
    • TDD를 경험하기 위해 테스트 코드를 작성하여 코드 품질 개선
    • OpenAPI 3와 Swagger를 사용하여 백엔드 프로젝트 빌드 시 자동으로 Swagger API 페이지가 생성되도록 설정하고, 이를 통해 프론트엔드 팀과 API에 대한 원활한 소통 촉진
    • 카카오 API와 네이버 API를 사용하여 소셜 로그인 기능 구현
    • API 토큰, 키 값 등 중요한 정보를 Vault에 저장하여 관리. 이를 통해 보안성을 강화하고 민감한 정보의 안전한 관리를 보장