THIP (띱)

독서를 기록하는 가장 힙한 방법 — 커뮤니티형 독서 기록 플랫폼

---

주요 화면

---

기술 스택

분류	기술
Framework
Build
Routing
Server State
Client State
Styling
HTTP
Deploy
Package Manager

---

프로젝트 구조

src/
├── api/                  # 도메인별 API 호출 함수
│   ├── auth/             # 인증 (토큰 발급)
│   ├── books/            # 도서 검색·저장
│   ├── comments/         # 댓글
│   ├── feeds/            # 피드
│   ├── images/           # 이미지 업로드
│   ├── memory/           # 추억 (그룹 기록)
│   ├── notifications/    # 알림
│   ├── recentsearch/     # 최근 검색어
│   ├── record/           # 독서 기록
│   ├── roomPosts/        # 그룹 게시글
│   ├── rooms/            # 모임(그룹)
│   └── users/            # 유저 프로필·팔로우
│
├── components/           # 재사용 컴포넌트
│   ├── common/           # 공통 UI (레이아웃, 모달, 바텀시트 등)
│   ├── creategroup/      # 그룹 생성
│   ├── createpost/       # 게시글 작성
│   ├── feed/             # 피드
│   ├── group/            # 그룹
│   ├── members/          # 멤버
│   ├── memory/           # 추억
│   ├── Mypage/           # 마이페이지
│   ├── pollwrite/        # 투표 작성
│   ├── recordwrite/      # 기록 작성
│   ├── search/           # 검색
│   └── today-words/      # 오늘의 단어
│
├── hooks/                # 커스텀 훅
├── mocks/                # 목(Mock) 데이터
├── pages/                # 페이지 컴포넌트 (라우트 단위)
│   ├── login/            # 로그인
│   ├── signup/           # 회원가입
│   ├── feed/             # 피드
│   ├── group/            # 그룹 목록·생성
│   ├── groupDetail/      # 그룹 상세
│   ├── groupMembers/     # 그룹 멤버
│   ├── groupSearch/      # 그룹 검색
│   ├── search/           # 책 검색
│   ├── searchBook/       # 책 상세·책별 모임
│   ├── memory/           # 추억
│   ├── recordwrite/      # 기록 작성
│   ├── pollwrite/        # 투표 작성
│   ├── aiwrite/          # AI 기록 작성
│   ├── today-words/      # 오늘의 단어
│   ├── mypage/           # 마이페이지
│   └── notice/           # 공지사항
│
├── stores/               # Zustand 전역 상태
│   ├── authReadyStore.ts
│   ├── commentBottomSheetStore.ts
│   ├── popupStore.ts
│   └── replyStore.ts
│
├── types/                # TypeScript 타입 정의
│   ├── book.ts / room.ts / post.ts / user.ts 등
│
└── utils/                # 유틸리티 함수

---

시작하기

설치 및 실행

# 패키지 설치
pnpm install

# 개발 서버 실행
pnpm dev

# 빌드
pnpm build

# 코드 포맷
pnpm format

환경 변수 설정

.env.local 파일을 생성하고 아래 값을 채워주세요.

VITE_API_BASE_URL=https://your-api-server.com
VITE_FRONTEND_URL=https://your-frontend-url.com

---

팀원 소개

김희용	이지현	지호준
@heeeeyong	@ljh130334	@ho0010