- 프로젝트 명: 뽀글 (Bbogle)
- 프로젝트 기간: 2024.10.14 ~ 2024.11.19 (6주)
| 이름 | GitHub ID | 역할 |
|---|---|---|
| 김선하 | @kimzonah | Back-end |
| 김태한 | @Taehankk | Front-end |
| 문범수 | @ANSmoon | AI |
| 박예본 | @shanaid | Back-end , INFRA |
| 이지혜 | @C0Zl | Front-end |
| 홍선주 | @hhsssu | Front-end |
- Front-end: TypeScript | React.js | Zustand | HTML5 | CSS3
- Back-end: Java | JPA | SpringBoot | RabbitMQ | Firebase
- AI: AWS Bedrock
- DB: My SQL
- Infra: AWS S3 | EC2 | Docker | Jenkins
- 버전 및 이슈 관리: GitHub
- 협업 툴: Discord, Notion, Zira
- 테스트 도구: Swagger
- 목업 디자인: Figma
홍선주, Front-end
- 로고 제작
- 프로젝트 경험 관리 기능 구현
- 경험 수동 생성, 수정, 삭제 조회 구현
- 경험 목록 및 키워드 관련 기능 구현
- 경험 검색 API 연결
- 프로젝트 회고 기능 구현
- 회고 수동 생성 수정 API 연결
- 회고록에서 AI 경험 추출 페이지 및 추출된 경험 선택 저장 구현
뽀글은 개발자들의 프로젝트 활동을 체계적으로 정리하고 취업을 돕는 서비스입니다. 매일 뽀글과 대화하듯 회고를 작성하고 경험을 기록하며 이를 추후에 쉽게 찾아볼 수 있도록 지원합니다.
| 기능 | 상세 설명 | 디자인 |
|---|---|---|
| 회고 작성 | 매일의 작업 내용을 뽀글에서 회고할 수 있어요 |  |
| 회고록 | 프로젝트가 모두 끝났다면, 프로젝트 전체 회고록을 뽑을 수 있어요 |
 |
| 경험추출 | 내가 적은 회고를 바탕으로, 프로젝트에서 얻은 경험들을 추출할 수 있어요 |
 |
| 알림 기능 | 잊어버리지 않도록 매일 회고 알림을 보내드려요. |  |
| 프로젝트 | 프로젝트 별로 전체 개발일지를 조회할 수 있어요. |  |
| 경험조회 | 경험 검색부터, 프로젝트별 조회까지 ! |   |
| 내정보 | 마이 페이지에서 내 정보를 조회해보세요. 프로필 이미지는 다운받으실 수 있어요. |
  |
- API 분리, Store에서 로딩 상태 관리 등으로 Zustand 상태 관리를 이용한 프로젝트 구현 경험을 쌓을 수 있었습니다. 또한, CSS Module을 도입하여 CSS의 클래스명이 겹쳐서 나는 오류를 미연에 방지하고, TypeScript를 사용하여 JavaScript에서 발생할 수 있는 타입 오류를 줄이고자 하였습니다.
- 사용자 경험 추출 및 선택 기능 구현을 통해 프로젝트의 핵심 가치를 실현할 수 있었습니다. 사용자가 자신의 경험을 쉽게 정리하고, 필요한 경험을 간편하게 선택할 수 있도록 사용자 중심의 퍼블리싱을 하였습니다. 그리고, 경험 작성에서 키워드 선택 시, 선택한 키워드가 바로 화면에 보일 수 있도록 하여 사용자가 경험 작성을 더욱 편리하게 할 수 있도록 사용자 경험을 개선하였습니다.
- 경험 키워드 데이터 처리 부분에서 키워드 값이 number[]로 전송이 되어야 했는데, Keyword[]값으로 전달이 되는 오류 발생했었습니다. 이를 해결하기 위해 여러 차례 데이터 전송 로직을 수정하고, 관련 변수와 함수를 정리하고, Form 컴포넌트에서 키워드 데이터를 분리하여 별도로 처리하는 방식으로 문제를 해결할 수 있었습니다.