트라이캐치(Try-Catch)

소개

"개발자를 위한 커뮤니티"

개발자를 위한 커뮤니티 한국판 Stack Overflow GitHub 정보를 바탕으로 기술 블로그 글 추천

주요 기술 스택

• 프론트엔드
  • node 버전 (18.12.1)
  • vite (4.0.0)
  • typescript (4.9.3)
  • React (18.2.0)
  • styled-components (5.3.6)
  • recoil (0.7.6)
  • react-query (3.39.2)
• 백엔드
  • Java 11
  • Spring Boot 2.7.7
  • JPA 2.7.7
  • GraphQL
  • Elastic-search
  • Maria DB
  • SBERT
  • Fastapi
• Infra
  • Jenkins
  • Portainer
  • Nginx
  • EC2

📚 목차

1️⃣ 타겟층
2️⃣ 주요 기능
3️⃣ 트라이캐치 서비스
4️⃣ 실행방법
5️⃣ 팀 구성
6️⃣ 기술 아키텍쳐
7️⃣ ERD 다이어그램
8️⃣ API 명세서
🔟 협업 툴
☑ 향후 계획

😮 타겟층

✔ 언어장벽에 부딪힌 개발자
✔ 자신의 지식을 나누고 싶은 개발자
✔ 기업 기술블로그를 한눈에 보고싶은 개발자

추후) 홍보를 원하는 개발자나 기업

👍 주요 기능(아직 미완성)

구분	기능	설명	비고
1	사용자	회원가입, 로그인이(깃허브) 가능하다. SSE를 이용해서 실시간 알림을 확인할 수 있다. 다크모드 설정이 가능하다. 회원 정보를 수정할 수 있다. 팔로우, 구독이 가능하다
2	Q&A 서비스	사용자가 질문 및 답변을 작성할 수 있다. 마음에 드는 답변을 채택할 수 있다. 질문 즐겨찾기가 가능하다. 질문과 답변에 좋아요가 가능하다 실시간 인기 태그 및 인기 질문을 추천해준다. 태그와 키워드 검색이 가능하다. 검색과 필터링이 가능하다.
3	기술블로그 피드	피드를 두 가지(카드, 리스트)뷰로 볼 수 있다. 구독한 블로그만 필터링 해서 볼 수 있다. 피드 즐겨찾기가 가능하다. 기업 구독이 가능하다 lucene-query를 이용한 고급검색이 가능하다
4	로드맵	자신만의 로드맵을 생성할 수 있다. 수정도 가능하다.
5	챌린지	피드를 두 가지(카드, 리스트)뷰로 볼 수 있다. 구독한 블로그만 필터링 해서 볼 수 있다.
6	개인화	최초 로그인 시 Github 정보를 바탕으로 피드의 관련도가 결정된다.

🌍 트라이캐치 서비스

📌 Q&A

• 질문 생성

• 수정 및 삭제

• 노션처럼 사용

• 댓글 생성

• 댓글 채택

• 좋아요, 즐겨찾기

• 무한스크롤

• 답변 생성 시 깃허브 자동 커밋

  • 깃허브 화면

---

📌 피드

• 피드 페이지

  • 구독
  • 카드, 리스트 뷰 전환
  • 무한스크롤
  • 개인화(깃허브 리포지토리 기반)

• 피드 고급검색

  • lucene-query를 활용한 검색

---

📌 로드맵

• 공통 로드맵

• 커스텀 로드맵 생성

---

📌 챌린지

• 커뮤니티 활성화 역할

---

📌 유저 페이지

• 팔로우, 팔로잉, 구독 관리
• 최근 본 피드, 작성한 질문, 댓글 리스트
• 획득한 뱃지 리스트

---

📌 즐겨찾기

• Q&A, 북마크, 로드맵 즐겨찾기

---

📌 다크 모드

• 모든 페이지 다크 모드 구현

📌 모바일 뷰

• 모바일 뷰

---

시스템?

👬 팀 구성

OPS Bogyie

FE Leader ChangJuneKim

FE hyeonaseome

FE nimusmix

BE Leader hyeok00

BE EZ-000

💾 실행방법

• Frontend

npm install
npm run dev

• Backend

백엔드 실행방법

👨‍💻 기술 아키텍쳐

💎 ERD 다이어그램

📘 API 명세서

API 명세서

🍏와이어프레임

👊 협업 툴

• 노션
• 피그마
• 지라
• 디스코드
• 매터모스트
• 깃랩, 깃허브
• SpotLight

✅ 향후 계획

• 유지보수
• 챌린지 깃허브 연동
• 피드 구독 뉴스레터(메일링 서비스)
• 모든 페이지 반응형

⭐ 수상 내역(아직 없음)

🏆 삼성 청년 SW 아카데미(SSAFY) 공통 프로젝트 우수 상 하나 주라

상장 이미지