Skip to content

FRONTENDSCHOOL6/react-project-11

Repository files navigation

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

TAING drawio


▪️ 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



⚙️ 기술 스택

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


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

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


📈 성능 및 최적화



🎤 프로젝트 소감

이름 소감
🐷강수현 프로젝트를 진행하며 다양한 기능을 구현하고, 실제 서비스와 유사한 환경에서 작업해 보는 경험이 매우 유익했습니다. 또한 시멘틱 마크업과 ARIA 속성 등의 중요성을 깨닫는 시간이었습니다. 무엇보다 팀 프로젝트를 하면서 팀원들과 소통하면서 저에게 부족한 점을 성찰할 수 있었으며 이를 바탕으로 더욱 성장할 수 있는 기회가 되었습니다. 마지막까지 함께해 주신 팀원분들의 노고에 감사드립니다.
🐻‍❄️김다인 프로젝트를 통해 리액트와의 불통이 소통이 된 것 같습니다. 3주라는 긴 시간을 끝까지 함께 완주해준 팀원분들께 감사드립니다.
🧞‍♂️유동균(L) 정규 수업 시간에 배운 기술들을 정확하게 숙지하지 못해서 프로젝트에 어떻게 사용해야하나 걱정이 많이 됐지만, 막상 프로젝트를 진행하면서 공식 문서를 읽어보고 직접 사용해보면서 사용방법을 조금이나마 터득한것 같습니다.
프로젝트 진행하면서 신경쓸 부분이 많았는데 조원들 덕분에 정말 편하게 프로젝트를 진행했던것 같습니다. 조장으로써 역할을 완벽하게 해내지 못 한거 같아 아쉽지만, 프로젝트를 문제 없이 마무리 해낸 조원들에게 감사합니다.
🐻이송엽 리액트 프로젝트를 시작할 때 끝까지 잘 할 수 있을까 걱정이 많았는데 팀원들의 지원과 도움으로 많이 배우고 끝까지 잘 마무리 할 수 있었습니다. 리액트에 대해서 조금은 익숙해 질 수 있는 계기가 된 것 같습니다. 팀원분들이 갖추고 계신 지식이 많아서 리액트 기술 뿐만 아니라 그 밖에 다른 지식들도 정말 많이 배울 수 있었습니다. 무엇보다 팀원들의 배려와 이해에 너무 감사드립니다. 3주라는 시간 동안 정말 고생하셨습니다!

About

멋쟁이사자처럼 프론트엔드스쿨 6기 리액트 프로젝트 11조

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •