Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[6주차] Team 페달지니 윤영준 & 박지수 미션 제출합니다. #15

Open
wants to merge 33 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
7fccb03
Feat : 전체 layout Footer.tsx 설정
yyj0917 Nov 10, 2024
1ab93d5
Feat : home Header 컴포넌트 생성
yyj0917 Nov 10, 2024
50b8965
Feat : Header.tsx random movie 가져오고, header 스타일 및 fetch 설정
yyj0917 Nov 10, 2024
be806a9
Feat : Previews, Span부분 완료
yyj0917 Nov 10, 2024
04c0001
Feat : MovieRow, MovieCategory 세팅중 / Fix : MovieRow, MovieCategory 관련…
yyj0917 Nov 10, 2024
338e459
commit check
yyj0917 Nov 10, 2024
2ac22dc
Merge pull request #1 from netflix-assignment-team/youngjun
yyj0917 Nov 10, 2024
e589882
Fix : rewrite수정, fetch 함수 생성
yyj0917 Nov 10, 2024
648de0c
Merge pull request #2 from netflix-assignment-team/youngjun
yyj0917 Nov 10, 2024
1b0eab2
Fix : Category별, Movie, TvShow 가져오는 api, useMovieStore 수정
yyj0917 Nov 10, 2024
9c22cb0
Fix : Error 모두 수정, Style : hover 디테일 수정, Refactoring : useContentStor…
yyj0917 Nov 10, 2024
86b87a4
Comment : 주석 삭제 및 변경
yyj0917 Nov 10, 2024
b426a03
Merge pull request #3 from netflix-assignment-team/youngjun
yyj0917 Nov 10, 2024
d980f47
Fix : 배포시 환경변수 이슈 next.config.mjs destination 수정
yyj0917 Nov 10, 2024
d7f139f
Merge pull request #4 from netflix-assignment-team/youngjun
yyj0917 Nov 10, 2024
356f465
Fix : 환경변수 수정
yyj0917 Nov 10, 2024
f06eee6
Feat : zustand -> tanstack Query, Fix : tanstack Query Type 수정, Refac…
yyj0917 Nov 13, 2024
4afd0c3
Fix : tanstack Query api 요청문제 해결 , Refactor : api/route folder 위치 수정,…
yyj0917 Nov 13, 2024
453fad9
Feat : details folder, route, tanstack query 세팅
yyj0917 Nov 13, 2024
d65d9aa
Feat : details 페이지 구현완료
yyj0917 Nov 13, 2024
9a22b9a
Merge pull request #5 from netflix-assignment-team/youngjun
yyj0917 Nov 13, 2024
095489c
Fix : details api 500 bad request error 수정 -> hooks/useFetchDetails, …
yyj0917 Nov 16, 2024
f4d4847
Merge pull request #6 from netflix-assignment-team/youngjun
yyj0917 Nov 16, 2024
da42db3
Merge branch 'CEOS-Developers:main' into main
jsomnium Nov 16, 2024
548918c
Feat: Search 페이지 UI 구현
jsomnium Nov 16, 2024
8d89ace
Feat: 검색 바 내에서 value 전달 가능 하게
jsomnium Nov 16, 2024
6271b00
Feat: 검색 API 추가
jsomnium Nov 16, 2024
a560297
Feat: 검색 API 연동
jsomnium Nov 16, 2024
395005a
Fix: 404 에러 수정
jsomnium Nov 16, 2024
6e1bc30
Fix: 400 에러 수정 ㅎㅎ;;
jsomnium Nov 16, 2024
ed2d0d6
Fix: UI 이상하던거 수정
jsomnium Nov 16, 2024
706df17
Feat: 검색된 항목 없을 시 Top Searches 보이도록
jsomnium Nov 16, 2024
6848041
Merge pull request #7 from netflix-assignment-team/js
jsomnium Nov 16, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 61 additions & 0 deletions netflix-assignment/.eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
{
"env": {
"browser": true,
"es2021": true,
"node": true
},
"extends": [
"next/core-web-vitals",
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended",
"plugin:prettier/recommended",
"prettier"
],
"overrides": [
{
"files": [
"**/components/ui/*.tsx"
],
"rules": {
"react/prop-types": "off",
"react-refresh/only-export-components": "off"
}
}
],
Comment on lines +15 to +25

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TS 환경이라 UI 파일의 prop-types와 only-export-components 규칙을 꺼둔 점 너무 좋네요!👍

"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"plugins": [
"react",
"@typescript-eslint",
"prettier"
],
"rules": {
"react/react-in-jsx-scope": "off",
"no-unused-vars": "off",
"@typescript-eslint/no-unused-vars": "warn",
"prettier/prettier": [
"warn",
{
"endOfLine": "auto",
"printWidth": 120
}
],
"linebreak-style": [
"error",
"unix"
],
"quotes": [
"error",
"single"
],
"semi": [
"error",
"always"
]
}
}
// 출처 : slyce
36 changes: 36 additions & 0 deletions netflix-assignment/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js
.yarn/install-state.gz

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# local env files
.env*.local

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts
9 changes: 9 additions & 0 deletions netflix-assignment/.prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"printWidth": 120,
"singleQuote": true,
"trailingComma": "all",
"tabWidth": 2,
"bracketSameLine": true,
"jsxBracketSameLine": true
}

36 changes: 36 additions & 0 deletions netflix-assignment/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
36 changes: 36 additions & 0 deletions netflix-assignment/next.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
webpack(config) {
config.module.rules.push({
test: /\.svg$/,
use: ["@svgr/webpack"],
});
return config;
},
async rewrites() {
return [
// 영화 카테고리 rewrite
{
source: '/movie/:category',
destination: '/api/movie?category=:category',
},
// TV 카테고리 rewrite
{
source: '/tv/:category',
destination: '/api/tv?category=:category', // 수정된 부분
},
// 영화,상세정보 상세정보 rewrite
{
source: '/details/:type/:id',
destination: '/api/details/:type/:id', // 수정된 부분
},
// 영화 검색 rewrite
{
source: '/search/movie',
destination: '/api/search/movie', // 수정된 부분
},
];
},
};

module.exports = nextConfig
Loading