OnDe

온디는 쉽고 간편한 검색과 다양한 추천 서비스를 제공하는 OTT 정보 플랫폼 서비스입니다.

OnDe-FE

저희는 해당 서비스의 프론트엔드를 개발하고 있습니다

개발 환경

• Framewrok : Node.js(>=18.18.0), Next.js 14(App Router)
• Language : TypeScript
• 상세기술스택 :
  • 상태 관리: Zustand, React useState
  • 데이터 관리: TanStack React Query, Axios
  • 스타일링: Emotion, CSS Modules, Global Styles
  • 빌드 및 배포(임시 배포): GitHub Pages

시작하기

1. 저장소 클론

git clone https://github.com/OttSideProject/OnDe-FE.git

2. node.js 설치(>=18.18.0)

https://nodejs.org/en/download

3. 모듈 설치 & 실행

npm install
npm run dev

작업 브랜치

• Workflow: Feature Branch Workflow 기능별 브렌치를 만들어 작업합니다.
  • 참고사이트: https://lhy.kr/git-workflow
• 개발 작업 관련 Branch Name은 feature/이름스펠링으로 만듭니다. ex)feature/name1
• 개발 작업 이외 Branch Name은 feature/기능으로 만듭니다. ex)feature/update-readme
• Main으로 머지전 Pull request(PR)를 통하여 확인 후 진행합니다.

협업 문서

*프로젝트와 관련된 협업 및 논의는 GitHub Discussions에서 진행되며, PR 문서를 통해 협업 내용을 확인하실 수 있습니다. 필요한 내용은 해당 문서에서 찾아보세요.

https://github.com/OttSideProject/OnDe-FE/discussions

https://github.com/OttSideProject/OnDe-FE/pulls

작업 영역

김예운

정예원

조윤우

• 메인 콘텐츠
• 상세 페이지

Trouble Shooting

김예운

정예원

조윤우

localFont 함수에서 절대 경로(@ 별칭) 사용 이슈

Next.js 14(App Router) GitHub Pages로 정적 사이트 배포하기

Next.js에서 이벤트 버블링 문제 해결 방법

Next.js와 React-Slick을 이용한 슬라이더 드래그 문제 해결하기

배포

https://ottsideproject.github.io/OnDe-FE (임시 정적배포)

프로젝트 구조 (Tree)

회고

김예운

정예원

조윤우