Open
Conversation
rimi-w
reviewed
Mar 11, 2026
| if (!query) return []; | ||
|
|
||
| const res = await fetch( | ||
| `${BASE_URL}/search/movie?api_key=${API_KEY}&query=${query}&language=ko-KR` |
Collaborator
There was a problem hiding this comment.
현재 API 키를 쿼리 파라미터로 전달하고 계신데요.
URL에 키가 노출될 수 있는데 다른 방식으로 전달할 수 있는 방법은 없을까요?
Author
There was a problem hiding this comment.
파일을 새로 생성하고 입력할 때 입력을 잘못한거같습니다. 수정하고 다시 커밋하겠습니다 ㅎㅎ
Author
There was a problem hiding this comment.
useDebounce.js라는 파일을 직접 만들어서 import를 안했습니다. 수정하고 커밋하겠습니다.
rimi-w
reviewed
Mar 11, 2026
| @@ -0,0 +1,23 @@ | |||
| const accessToken = import.meta.env.VITE_TMDB_ACCESS_TOKEN; | |||
|
|
|||
| export const fetchMovies = async (query) => { | |||
Author
There was a problem hiding this comment.
위에 코멘트 하신거 보고 이거도 수정하고 있었습니다 ㅎㅎ tmdb.js파일을 새로 만들다보니 계속 빼먹은거 같아요ㅠㅠ
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
구현 사항
-TMDB API를 활용하여 인기 영화 데이터 출력
-Tailwind CSS를 적용하여 UI 스타일을 구성하고 카드 hover 효과 추가
-Grid 레이아웃을 사용해 영화 포스터가 한 줄에 일정한 개수로 정렬 구현
-반응형 디자인을 적용하여 모바일, 태블릿, PC 환경에서 각각 다른 열 개수로 영화가 표시되도록 구성
-로그인 페이지와 회원가입 페이지를 생성하고 기본 폼 UI 구현
어려웠던 점
-Tailwind CSS 초기 설정 과정에서 PostCSS 및 설정 파일 구성 과정에서 오류가 발생해 해결하는 데 시간이 걸렸습니다.
-영화 카드의 레이아웃 정렬 및 크기 조정을 통해 포스터가 일정하게 보이도록 스타일을 조정하는 과정이 어려웠습니다.
-검색 기능 구현을 위해 상태 관리와 이벤트 처리 흐름을 이해하는 데 시간이 필요했습니다.
-handleSubmit 이벤트 처리
onSubmit과type="submit"구조를 이해하는 데 어려움이 있었습니다.구현 이미지