스테디: 스터디 / 프로젝트 모집 플랫폼

🤔 “큰 노력을 들이지 않고도 좋은 팀원을 만날 수 있는 사이트 어디 없나?”
😀 “내가 스터디 / 프로젝트에 진심으로 참여하는 사람이라는 것을 신청 단계에서 보여주고 싶어!”

좋은 팀장 또는 팀원들과 양질의 스터디 및 프로젝트를 경험하고 싶은 IT 개발 분야의 모든 사람들이 저희 서비스의 타겟 유저입니다.

실행 방법

# 개발 환경 실행
pnpm i
pnpm dev

# 프로덕션 환경 실행
pnpm i
pnpm build
pnpm start

팀원 소개

FE	FE	FE
이정욱	이지윤	홍창기
UI / UX	Scurm Master	Team Leader

역할 분담

이정욱

• 프로젝트 디자인 총괄
• 메인, 스테디 리뷰, 내 신청서 관리, 스테디 템플릿, 404 페이지 구현
• 반응형 구현

이지윤

• 로그인 온보딩 구현
• 스테디 상세, 내 스테디 목록, 신청자 목록 및 답변 열람 페이지, 내가 받은 리뷰, 신청서 작성, 신청서 수정 페이지 구현
• 에러, 로딩(스켈레톤) 페이지 구현
• 페이지 반응형 구현
• 문서화 작업

홍창기

• 소셜 로그인, 인증 구현
• 스테디 등록 / 수정 페이지 구현
• 내 프로필 페이지 구현
• 질문 등록 / 수정 페이지 구현
• 스테디 운영 페이지 구현

기능 소개

브랜치 네이밍

// 브랜치 네이밍
feat/#12/postDetail (x)
feat/#12/post-detail (o)

Commit 컨벤션

커밋 메세지 형식

Emoji Type(#issue-num): subject
// ex) 🚨 Fix(#41): commitlint 이슈 해결

🚨 Fix: [파일 명.tsx] - [수정 내용]
✨ Feat: 새로운 기능 추가, 사용자 입장에서 변화가 있을 경우
🎉 Init: 프로젝트 초기 생성
📝 Chore: 그 외 자잘한 수정에 대한 커밋, 주석, 의존성 설치, 리드미 수정
💄 Style: CSS, styled-component 스타일 관련 변경
🔨 Refactor: 코드 리팩토링에 대한 커밋, 사용자 입장에서 변화가 없는 코드, 파일명 폴더명 변경 및 이동
🗑️ Remove: 파일을 삭제하는 작업만 수행하는 경우

기술 스택

Language
Library
Build
Package
Http
State Management
Data Fetching
Style
Code Format
Deploy
Co-work

디렉토리 구조

📦public
┗ 📦assets -> 정적 파일들
📦src
┣ 📦app -> 라우팅 용도
┣ ┣ 📦[dynamic] -> 동적 라우팅
┣ 📦components -> 컴포넌트
┣ ┣ 📦_common -> 공통 컴포넌트
┣ ┗ 📦containers -> 지역적인 UI 컴포넌트
┣ 📦constants -> 상수
┣ 📦hooks -> 커스텀 훅
┣ 📦services -> api 요청
┣ ┣ 📦types ->
┣ 📦stores -> Zustand Store
┗ 📦utils -> 유틸함수