REACT

뉴스피드 팀프

zayn 2024. 11. 15. 21:19

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

이거까지 만듦.. 나 잘햇다.. 뿌덧훼... 헤헤

데이터 베이스 스키마 까지 만들어둿으니 금방하게찌

주말에 수수수수파베이스 공부훼...

반드시해...

'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