TING

🔗 배포 사이트 : https://taingeleven.netlify.app/

OTT 사이트 TAING을 구현하였습니다.

👥 팀 소개

강수현	김다인	유동균(L)	이송엽
프로그램 상세 정보	로그인, 아이디찾기, 회원탈퇴	헤더(Main), 메인, 검색, 푸터	헤더(User), 계정선택, 회원가입

🗓️ 프로젝트 기간

2023년 09월 04일(월) ~ 2023년 09월 25일(월) [ 총 22일 ]

🌱 1st week

• 09월 04일(월) ~ 09월 10일(일)
  • 주제 선정
  • 타임 테이블 작성
  • 기술 스택 결정
  • 코딩, 커밋 컨벤션 선정
  • 역할 분배
  • 데이터 베이스 구성
  • 개발 환경 조성

☘️ 2nd week

• 09월 11일(월) ~ 09월 17일(일)
  • 기능 구현

🍀 3nd week

• 09월 18일(월) ~ 09월 24일(일)
  • 웹 표준, 접근성 개선
  • 리팩토링
  • 성능 최적화
  • SEO 최적화

🪴 final week

• 09월 25일(월)
  • 팀 프로젝트 발표
    

📝 우리의 기록

• 회의록 [보러가기]
• 데일리 스크럼 [보러가기]

📐 설계

▪️ ERD

▪️ Git Flow

▪️ Directory

react-project-11
├─ public
├─ src
│  ├─ api
│  ├─ assets
│  │  ├─ Account
│  │  ├─ MainHeader
│  │  ├─ Regist
│  │  └─ User
│  ├─ components
│  │  ├─ Account
│  │  ├─ Login
│  │  ├─ Nav
│  │  ├─ Regist
│  │  ├─ Routes
│  │  ├─ Search
│  │  ├─ User
│  │  └─ contexts
│  ├─ hooks
│  ├─ layout
│  │  ├─ Footer
│  │  ├─ MainHeader
│  │  ├─ User
│  │  └─ UserHeader
│  ├─ pages
│  │  ├─ Account
│  │  └─ User
│  ├─ styles
└─ └─ utils

▪️ Convention

• 코딩 컨벤션 Cording Convention
• 커밋 컨벤션 Commit Convention

⚙️ 기술 스택

구분	기술
HTML
CSS
Package Manager
Front-End Tool
UI Library
Routing Library
Back-End Database
Git
Tools
Deployment

🖥️ 구현 페이지 & 🧑‍💻 코드 리뷰

구분	구현 페이지	구현 기능 (코드 리뷰)
메인		▪️ 헤더(Main) ▪️ 메인 ▪️ 검색 ▪️ 카테고리 ▪️ 푸터
프로그램 상세정보		▪️ 프로그램 상세
계정선택		▪️ 헤더(User) ▪️ 계정선택
회원가입		▪️ 회원가입
회원가입 완료		▪️ 기능 없음
로그인		▪️ 로그인
아이디찾기 아이디찾기 결과		▪️ 아이디찾기
비밀번호찾기		▪️ 기능 구현 X(마크업만 구현)
회원탈퇴		▪️ 회원탈퇴

📈 성능 및 최적화

• 검사 Tool

  • LightHouse

• 검사 항목

  • 성능

  • 접근성

  • 최적화

  • SEO 최적화

  • 검사 결과

  • 메인

  • 프로그램 상세 정보

  • 계정 선택

  • 회원 가입

  • 로그인

  • 아이디찾기

  • 아이디찾기 결과

  • 회원탈퇴

🎤 프로젝트 소감