Block.B

📌 OverView

🔥 주제: 뉴스 기반 토론 플랫폼

🧷 배포 링크: https://prgrms-blockb.netlify.app/

📅 개발 기간: 2025.02.12 ~ 03.12

🧑🏻‍💻 Developers 👩🏻‍💻

Frontend
김동찬	김내현	김예빈
@kdc9050	@kimnaehyun	@engsal-bin

Backend
홍진웅	오수진	오창식	박현욱	이정은
@JinWoong9607	@ohdeng02	@ku-ocs	@Wookindeye	@Jeongeun0179

🚀 Tech Stack

🏗️ Frontend

🔄 State Management

📡 API Communication

🛠 Backend

🗄 Database

🔍 Testing & Monitoring

☁ CI/CD & Infrastructure

🎨 Design

🛢 Database ERD

📝 Commit Convention

타입	의미
feat	✨ 새로운 기능 추가
fix	🐛 버그 수정
docs	📝 문서 수정 (README, 주석 등)
style	💄 코드 스타일 변경 (포매팅, 세미콜론 추가 등, 로직 변경 없음)
refactor	🔨 코드 리팩토링 (기능 변화 없이 코드 구조 개선)
test	✅ 테스트 코드 추가 및 리팩토링
chore	🔧 패키지 설정 변경 및 기타 유지보수 작업 (예: .gitignore 수정)
design	🎨 UI 디자인 변경 (CSS, 레이아웃 등)
comment	💬 주석 추가 및 변경
rename	🚚 파일 또는 폴더명 수정/이동
remove	🗑️ 파일 삭제
!BREAKING CHANGE	💥 API 변경 등 주요한 변경 사항
!HOTFIX	🔥 치명적인 버그 긴급 수정

🏗️ Frontend 프로젝트 폴더 구조

📦 public - 정적 파일 (favicon, robots.txt 등)
📦 src - 소스 코드 (프로젝트 핵심 코드)
├── 📂 api - API 요청 관련 코드 (axios 인스턴스, API 함수)
├── 📂 assets -  이미지, 아이콘, 기타 정적 리소스
├── 📂 components - 공통 UI 컴포넌트 (Button, Modal, Card 등)
├── 📂 constants - 상수 데이터 (URL, ENUM, 기타 설정값)
├── 📂 css - 전역 스타일 파일 (CSS, SCSS, Tailwind 설정)
├── 📂 fonts - 웹 폰트 파일 (.woff, .ttf 등)
├── 📂 hooks - 커스텀 훅 (useEffect, useState 기반 훅)
├── 📂 layouts - 레이아웃 관련 컴포넌트 (Header, Sidebar 등)
├── 📂 pages - 페이지 단위 컴포넌트 (홈, 로그인, 토론방 등)
├── 📂 stores - Zustand, Redux 등 상태 관리 코드
├── 📂 types - TypeScript 타입 정의 파일 (.d.ts)
└── 📂 utils - 공통 유틸 함수 (시간 포맷팅, 데이터 변환 등)

🎨 Design

• Block.B FIGMA
  
  

🗂 Repositories

• [Frontend Repository]
• [Backend Repository]
  
  

🎞️ Preview

로그인	회원가입	메인페이지	랜딩페이지
유저페이지	뉴스페이지	유저순위/검색 페이지	전체토론방 페이지지
어드민 페이지	토론 참가	토론 참관	404