1. 프로젝트
- 프로젝트 명 : 아재슐랭
- 소개
- 한 줄 정리 : 아재개그를 평가하는 페이지
- 포함할 내용:
- 글 작성 및 수정 페이지
- 담당 기능:
- 새로운 글 작성
- 기존 글 수정 (수정 시 input 필드에 데이터 채움)
- 컴포넌트:
- Input 폼
- Submit/Save 버튼
- DB 연결: Create, Update 요청 처리.
- 담당 기능:
- 로그인/회원가입 및 홈 페이지
- 담당 기능:
- 회원가입: 사용자 데이터 저장
- 로그인: 인증 처리
- 홈 버튼: 로그인/회원가입 완료 후 홈으로 이동
- DB 연결: 사용자 테이블 연결.
- 담당 기능:
- 글 목록 페이지
- 담당 기능:
- 전체 글 목록 표시
- 페이지/카테고리별 분류
- DB 연결: Read 요청으로 글 데이터 가져오기.
- 담당 기능:
- 글 디테일 페이지
- 담당 기능:
- 글 세부 내용 표시
- 댓글 목록 표시
- 댓글 작성, 수정, 삭제
- DB 연결: Read (글 내용, 댓글 데이터 가져오기), Comment CRUD 요청.
- SupaBase 만들기
- AI페이지 (추천 추가기능 / 포켓)
- yarn 이용하기
- 담당 기능:
여기까지가 큰 틀!
큼큼.. 개인프로젝트 네녀석 이렇게나 마음이 편한것이였냐구...
세상에 맞춰서 해야댈것이 오만오천개!
ㄴ낫 이지비지....
- 프리티어 파일 만들기...
```jsx{
"printWidth": 120,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"bracketSpacing": true,
"trailingComma": "none",
"endOfLine": "auto"
}```
이..잇츠 굿!
https://youtube.com/shorts/5W0x9LxQwmc?si=clipQoSYHG1JZt69
이..이츠 굿!
오케이.. 나 근데 깃에 다 올렷는데 vite 다운 안받음.. 다시 하러가야게찅... ㅎ
일단 오늘 피그마 만듬.. 우리 팀원들 대다내..
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
대충 이정도 이거슨 매우매우 깔끔.... 이츠 굿..!
또 내가 만든거시 이찌
하 뿌덧행..ㅎ
1. Users 테이블 (사용자 정보 저장)
- id: UUID - 사용자 고유 ID (Primary Key)
- username: VARCHAR - 사용자 이름 또는 별명
- email: VARCHAR - 사용자 이메일 (Unique)
- password: VARCHAR - 암호화된 비밀번호
- profile_image: TEXT - 프로필 이미지 URL
- created_at: TIMESTAMP - 계정 생성 일시 (Default: 현재 시간)
2. Posts 테이블 (게시글 정보 저장)
- id: UUID - 게시글 고유 ID (Primary Key)
- user_id: UUID - 작성자 ID (Foreign Key → Users.id)
- title: VARCHAR - 게시글 제목
- content: TEXT - 게시글 내용
- rating: INTEGER - 아재 개그 평점 (1~5)
- review_body: TEXT - 아재 개그 평가 내용
- recommended_by_ai: BOOLEAN - AI 추천 여부 (true/false)
- ai_recommendation_text: TEXT - AI 추천 문구
- category: VARCHAR - 아재 개그의 카테고리 또는 주제
- likes: INTEGER - 좋아요 수 (Default: 0)
- views: INTEGER - 조회수 (Default: 0)
- created_at: TIMESTAMP - 작성 일시 (Default: 현재 시간)
- updated_at: TIMESTAMP - 수정 일시 (자동 업데이트)
3. Comments 테이블 (댓글 정보 저장)
- id: UUID - 댓글 고유 ID (Primary Key)
- post_id: UUID - 대상 게시글 ID (Foreign Key → Posts.id)
- user_id: UUID - 작성자 ID (Foreign Key → Users.id)
- content: TEXT - 댓글 내용
- created_at: TIMESTAMP - 작성 일시 (Default: 현재 시간)
- updated_at: TIMESTAMP - 수정 일시 (자동 업데이트)
4. Likes 테이블 (좋아요 정보 저장)
좋아요 기능을 개별적으로 관리할 경우
- id: UUID - 좋아요 고유 ID (Primary Key)
- post_id: UUID - 대상 게시글 ID (Foreign Key → Posts.id)
- user_id: UUID - 좋아요한 사용자 ID (Foreign Key → Users.id)
- created_at: TIMESTAMP - 좋아요 일시
Users
├── id (PK)
├── username
├── email (Unique)
├── profile_image
└── created_atPosts
├── id (PK)
├── user_id (FK → Users.id)
├── title
├── content
├── rating
├── review_body
├── recommended_by_ai
├── ai_recommendation_text
├── category
├── likes
├── views
├── created_at
└── updated_atComments
├── id (PK)
├── post_id (FK → Posts.id)
├── user_id (FK → Users.id)
├── content
├── created_at
└── updated_atLikes
├── id (PK)
├── post_id (FK → Posts.id)
├── user_id (FK → Users.id)
└── created_at
이거까지 만듦.. 나 잘햇다.. 뿌덧훼... 헤헤
데이터 베이스 스키마 까지 만들어둿으니 금방하게찌
주말에 수수수수파베이스 공부훼...
반드시해...
├── id (PK)
├── username
├── email (Unique)
├── profile_image
└── created_atPosts
├── id (PK)
├── user_id (FK → Users.id)
├── title
├── content
├── rating
├── review_body
├── recommended_by_ai
├── ai_recommendation_text
├── category
├── likes
├── views
├── created_at
└── updated_atComments
├── id (PK)
├── post_id (FK → Posts.id)
├── user_id (FK → Users.id)
├── content
├── created_at
└── updated_atLikes
├── id (PK)
├── post_id (FK → Posts.id)
├── user_id (FK → Users.id)
└── created_at
이거까지 만듦.. 나 잘햇다.. 뿌덧훼... 헤헤
데이터 베이스 스키마 까지 만들어둿으니 금방하게찌
주말에 수수수수파베이스 공부훼...
반드시해...
'REACT' 카테고리의 다른 글
뉴스피드 팀 프로젝트 _ 최최종 (0) | 2024.11.21 |
---|---|
뉴스피드 팀프 _ 최종 (0) | 2024.11.21 |
24.11.13 (0) | 2024.11.13 |
24.11.12 (1) | 2024.11.13 |
REACT 포켓몬 도감 만들기 DAY_1 (0) | 2024.11.06 |