미리보기

완도항 선박교통관제 및 통항 선박들에 대해 조언 및 권고, 지시

항해장(ECDIS를 이용한 항해경로 설정 및 점검 , 항해기기 점검/수리/작동 담당, 항해 관련 서류/보고서), 입출항 선미 지휘, 항해당직( 유럽, 아시아 )

Life Saving Appliance / Fire Fighting Appliance 장비 점검/수리 담당, 선박 보안담당, 입출항 선미 지휘, 항해당직( 유럽, 아프리카, 아시아 )

선원 수속 담당, 선원 관련 서류 담당, 입출항 선장 보조, 항해당직( 유럽, 미국, 아프리카, 아시아, 중동 )

<기술 스택>

JavaScript, Node.js, Express.js, MongoDB, CSS, Nginx

<상세 설명>

우리 프로젝트는 사용자가 자신의 포트폴리오를 공유하고, 다른 사용자의 포트폴리오를 열람하며 댓글을 통해 소통할 수 있는 플랫폼입니다.

유저 간의 피드백과 의견 교환을 통해 각자의 포트폴리오를 개선하고 발전시킬 수 있도록 돕는 것을 목표로 하고 있습니다.

포트폴리오에 대한 간단한 평가뿐만 아니라 구체적인 코멘트를 남길 수 있어, 더욱 깊이 있는 소통이 가능합니다.

이 프로젝트를 통해 개발자들이 서로에게 영감을 주고 성장을 도모할 수 있는 공간을 제공하고자 합니다.

<팀 구성>

BE 3명, FE 2명

<상세 역할>

1. 프로젝트 기본 틀 구성: 전체적인 프로젝트 구조를 설계하고 초기 셋업을 진행했습니다. 프론트엔드와 백엔드의 디렉토리 구조를 설정하고, 데이터베이스 연결 및 기본적인 환경 설정을 완료했습니다.

2. 유저 관련 기능 구현: JWT를 사용하여 엑세스 토큰과 리프레시 토큰을 발급하고, 토큰을 쿠키에 담아 보안성을 높였습니다. 인증과 권한 관리를 위해 Passport 전략을 사용하였으며, 이를 통해 회원가입, 로그인, 비밀번호 변경, 회원 탈퇴 등의 기능을 구현했습니다.

3. 비밀번호 재설정 기능 구현: 유저가 비밀번호를 잊었을 때, Nodemailer를 통해 이메일로 비밀번호 재설정 링크를 발송하는 기능을 구현했습니다. 유저는 이메일을 통해 비밀번호를 다시 설정할 수 있도록 하여 계정 복구를 지원했습니다.

4. 자기소개 및 이미지 CRUD 구현: 유저가 자기소개와 AWS S3를 사용하여 프로필 이미지를 추가, 수정, 삭제할 수 있는 기능을 구현했습니다. 이로써 유저가 자신의 포트폴리오를 완성하고 갱신할 수 있도록 했습니다.

5. 댓글 CRUD 및 페이지네이션 구현: 각 포트폴리오에 대한 댓글 기능을 구현하여 유저 간 소통이 가능하도록 했습니다. 댓글을 생성, 수정, 삭제할 수 있으며, 많은 댓글이 있는 경우 페이지네이션을 통해 편리하게 확인할 수 있도록 했습니다.

깃허브: https://github.com/Lsiron/HELLO-FOLIO

소개 및 시연영상: https://lsiron.tistory.com/55

개발일지: https://lsiron.tistory.com/category/%EA%B0%9C%EB%B0%9C%EC%9D%BC%EC%A7%80/HELLO%20FOLIO

<기술 스택>

TypeScript, Node.js, Express.js, MySQL, React, JavaScript, Nginx

<상세 설명>

기후 변화에 대한 높은 인식 속에서, 저희 팀은 유저들이 더욱 구체적으로 대기 개선 활동에 참여하도록 유도하는 목표를 세웠습니다.

전국의 2023년 및 실시간 대기오염 데이터를 바탕으로 지역별 AQI를 비교하고, 이를 시각화하여 사용자에게 제공합니다.

이를 통해 유저는 자신의 지역 대기오염 수준을 쉽게 파악할 수 있으며, 환경 챌린지를 통해 보다 적극적으로 대기 정화 활동에 참여하게 됩니다.

<팀 구성>

BE 2명, FE 4명

<상세 역할>

1. 디렉토리 구조 설계: 디렉토리 구조를 주요 기능에 맞게 구조화하여 코드 가독성과 협업 효율성을 높였습니다.

2. API 명세서 작성: 각 엔드포인트에 대한 요청/응답 구조, 파라미터 및 오류 메시지를 상세하게 문서화했습니다.

3. MySQL과 GCP 연결: MySQL 데이터베이스를 GCP 환경에 연결하여 데이터의 안정적인 저장과 처리 기능을 구현했습니다. 특히 커넥션 풀 을 사용하여 실시간 데이터를 안정적으로 처리할 수 있었습니다.

4. NODE-CRON을 사용한 실시간 데이터 자동 수집: Node-Cron을 사용하여 스케줄러를 통해 실시간으로 OpenAPI 데이터를 자동으로 받아오는 기능을 구현했습니다.

5. 지역별 AQI 데이터 처리 및 실시간 정보 수집: OpenAPI를 활용하여 실시간 대기오염 데이터를 수집하고, 이를 지역별로 구분하여 저장 및 처리했습니다. 데이터 변동에 따라 지역별로 AQI 등급을 자동 계산하는 로직을 구현했습니다.

6. 지역별 등급과 점수 환산 로직 구현: 대기질 지수(AQI)를 기준으로 각 지역의 대기 오염 수준을 등급화하고 점수로 환산하는 알고리즘을 설계 및 구현했습니다.

7. 환경 챌린지 CRUD 및 검색 기능 구현: 유저가 직접 환경 챌린지를 생성, 조회, 수정, 삭제할 수 있는 기능을 구현했습니다. 또한, 검색 기능을 통해 특정 환경 챌린지를 손쉽게 찾을 수 있도록 했습니다.

8. 무중단 배포 구현:VM과 PM2, Nginx를 활용하여 서비스의 무중단 배포를 구현했습니다.

9. 로깅 시스템 구현: Winston 로깅 라이브러리를 사용하여 시스템 상태를 지속적으로 모니터링하고, 에러 및 성능 문제를 추적할 수 있도록 했습니다.

10. DTO와 커스텀에러 클래스 및 유효성 검사 미들웨어 적용: 각 API 요청의 데이터 일관성을 유지하기 위해 DTO를 적용했고, 커스텀 에러 클래스를 통해 명확한 에러처리를 구현했습니다. 또한, 유효성 검사 미들웨어를 통해 입력 데이터의 유효성을 검증하여 안정성을 높였습니다.

깃허브: https://github.com/Lsiron/AIR-PANG

소개 및 시연영상: https://lsiron.tistory.com/103

개발일지: https://lsiron.tistory.com/category/%EA%B0%9C%EB%B0%9C%EC%9D%BC%EC%A7%80/AIR%20PANG

<기술 스택>

TypeScript, Nest.js, MySQL, TypeORM, React, Nginx

<상세 설명>

누떡(NUDDUCK) 플랫폼에서 유저는 AI 코치를 통해 예상 면접 질문을 받고, 이를 통해 실전 대비를 할 수 있습니다. 또한, 관심사 기반 커뮤니티 기능을 통해 유저는 쉽게 면접 메이트를 찾고 교류할 수 있습니다.

누떡은 유저의 인생 사건을 시각적으로 표현한 인생 그래프를 제공해, 면접에서 본인의 경험을 더 효과적으로 설명할 수 있도록 돕습니다. 이 그래프는 긍정/부정 경험과 난이도를 기반으로 시각적 효과를 더해 직관적으로 제공됩니다.

이외에도 매일 제공되는 명언과 영어 문장으로 유저가 지속적으로 동기 부여를 받을 수 있으며, 분야별 전문가와의 상담을 통해 실질적인 피드백을 받을 수 있습니다.

<팀 구성>

BE 2명, FE 4명

<상세 역할>

1. ERD 및 API 명세서 작성: 담당 기능 부분의 데이터베이스 구조와 API 명세를 설계하고 문서화했습니다. 이를 통해 백엔드와 프론트엔드 팀 간의 원활한 소통과 협업이 가능하도록 했습니다.

2. 데이터 수집 및 전처리: AIHUB 에서 채용면접 인터뷰 데이터를 수집하고, 이를 KoGPT-2 모델 학습에 적합하도록 QnA로 나누어, 전처리했습니다.

3. AI 챗봇 구현 및 HTTP 응답 방식 설계: Flask와 KoGPT-2 모델을 사용해 AI 코치 기능을 개발했습니다. 유저의 질문에 대한 응답을 효율적으로 처리할 수 있도록, HTTP 응답 방식을 설계하여 실시간으로 AI 챗봇이 동작하도록 했습니다.

4. 소셜 로그인 구현(구글, 카카오): OAuth2를 활용하여 구글과 카카오 소셜 로그인을 구현했습니다. 이를 통해 유저가 간편하게 회원가입 및 로그인할 수 있도록 지원했습니다.

5. 전문가 기능 구현: 전문가와의 상담 기능을 구현하기 위해 관련 데이터를 삽입하고, 유저가 전문가와 연결될 수 있도록 백엔드 로직을 설계했습니다.

6. 인생 그래프 CRUD 및 즐겨찾기 기능 구현: 유저가 자신의 인생 사건을 입력하고 수정, 삭제할 수 있는 기능을 구현했으며, 특정 인생 그래프를 즐겨찾기할 수 있는 기능을 추가했습니다.

7. 마이페이지 기능 구현: 유저가 자신의 프로필 정보와 작성한 게시글, 인생 그래프를 확인하고 관리할 수 있도록 마이페이지 기능을 구현했습니다.

8. 회원 탈퇴 및 재가입 구현: 유저가 회원탈퇴 후 재가입할 수 있는 기능을 구현하였으며, 간편한 재가입 절차를 제공했습니다.

9. AWS S3 Presigned URL 이미지 업로드 구현: AWS S3의 Presigned URL을 이용해 이미지 파일을 안전하게 업로드할 수 있는 기능을 구현했습니다.

10. 타 유저 프로필 조회 구현: 다른 유저의 프로필을 조회할 수 있는 기능을 구현했습니다.

11. 테스트 코드 작성: 프로젝트의 주요 기능들이 올바르게 동작하는지 확인하기 위해 유닛 테스트 코드를 작성했습니다.

깃허브: https://github.com/lsiron/NUDDUCK

소개 및 시연영상: https://lsiron.tistory.com/117

개발일지: https://lsiron.tistory.com/category/%EA%B0%9C%EB%B0%9C%EC%9D%BC%EC%A7%80/NUDDUCK