프로젝트

N캠프에 참여한 수강생들의 프로젝트입니다.

캐롯썬더

AIaaS 7기, 캐롯썬더


팀장, 백엔드 개발, 프론트엔드 개발, 인프라 개발이승혁 |  백엔드 개발, 프론트엔드 개발, 인프라 개발, 이슈 관리김동영 |  백엔드 개발, 프론트엔드 개발, 인프라 개발박진혁

백엔드 개발, 프론트엔드 개발, 인프라 개발 손병진 |  백엔드 개발, 프론트엔드 개발김현덕 |  프론트엔드 개발김선래

[역할 상세]

이승혁

박진혁

손병진

백엔드

회원가입 및 SpringSecurity, JWT통한 로그인 / 프로필 수정

DB모델링

REST API 설계

프론트 엔드

프론트엔드 프로젝트 작업환경 설정

게시글 네이버 지도API 연동

다음 주소 API 연동

UI 디테일 수정

인프라

프로젝트 구조 설계

인프라 설계

젠킨스에서 도커를 통한 Nginx, Springboot 서버 배포

운영서버 설정 통합

CORS 설정

회의진행

회의자료 생성

발표자료 생성

프로젝트 문서 생성

백엔드

WebSocket, Stomp, SockJS 환경 설정

게시글 찜(위시리스트) 기능 및 조회 기능 구현

채팅 관련 DB모델링

사용자간 실시간 1대1 채팅방 및 채팅 기능 구현

실시간 웹 알림 구현

프론트엔드

채팅목록, 채팅창 리액트 컴포넌트 구현

메인채팅 페이지 기본 UI 구현

웹알림 모달 및 기본 UI 구현

게시글 찜 및 마이페이지 찜리스트 조회 페이지 구현

인프라

깃허브 액션을 활용한 CI 검증으로 브랜치 보호 설정

젠킨스서버 SSH 설정, 깃허브 웹훅 설정 및 기본적인 CI/CD 설정

깃허브 액션, 젠킨스 슬랙 알림 연동 및 관리

백엔드

WebSocket을 활용한 1:1 채팅

단건 채팅 메시지 삭제 구현

채팅방 나가기 구현

NCP Papago Translation API 이용한 언어감지 및 텍스트 번역 구현

채팅 메시지 시간대 출력

프론트엔드

전체 게시글 출력

게시글 상세 조회

거래 페이지

이미지 슬라이더 구현

인프라

Jenkins CI/CD 구축

NCP MySQL DB서버 설정

NCP Object Storage 설정

김동영

김선래

백엔드

DB모델링

카카오 소셜로그인

SpringSecurity, JWT를 이용한 로그인처리

게시물 추가, 수정, 포인트 결제 API 구현

무한스크롤 페이지네이션 구현

채팅방 삭제, 나가기 구현

프론트엔드

소셜 로그인

아임포트API 이용한 결제 구현

게시물 추가, 수정 구현

무한스크롤 페이지네이션 구현

프로젝트 전반적인 이슈관리

게시글 수정 관련 이슈 (게시물 이미지 표시 관련 이슈)

무한 스크롤 관련 이슈 (카테고리별 적용시, useState 관련 비동기 이슈 )

로그인 관련 이슈 (로그인 및 소셜로그인 까지 token 검사를 하는 이슈)

Axios 관련 사용 이슈 (로그인 유저를 위한 Axios를 구현체를 별도로 class형태로 정의했으나, 로그인이 필요한 서비스 요청시에 구현체 Axios를 안쓰고 기본형 Axios를 써서 발생한 이슈)

게시물 삭제시, 게시물이 삭제되지 않는 이슈

Axios로 요청시, FormData 활용 관련 이슈

마이페이지에서 기본형 프로필사진 나오지 않는 이슈

네이버 지도 API  관련 이슈

회원수정시, 정상동작 하지 않는 이슈 및, 일부 잘못된 로직 수정

프론트엔드

메인페이지, 마이페이지, 마이페이지 수정, 내 게시글 목록, 내 찜 목록

와이어프레임 제작

전제적인 디자인 총괄 담당

시연영상 제작

김현덕

게시글 CRUD(백엔드, 프론트엔드)

테스트 및 오류 검출

 



첨부파일


Github