xu의 성장일지

3번째 미션도 무사히 마무리 하였습니다!원래는 어제 블로그를 작성했어야 했는데.... 주말이라는 이유로 하루 미뤘습니다 ㅎㅎ3단계 미션은 Nav-bar 검색 기능 구현 및 반응형 디자인 입니다!! 저는 처음에 사이트를 구현하면서부터 반응형 디자인을 신경쓰며 CSS를 만졌기 때문에,이번 미션에서는 검색 기능 구현이 주된 미션이었던 것 같습니당제가 이번에 구현한 기능은1. Nav-bar 검색 기능 구현하기 (API 사용) 2. 다크모드/라이트모드 구현3. 메인 페이지에 들어갈 현재 상영 중 영화 컴포넌트 만들기4. CSS 수정입니다 _^_ 1. Nav-bar 검색 기능 구현하기 (API 사용)Nav-bar에서 검색 기능을 구현하려면, 따로 API가 있더라구요!엔드포인트는  /search/movie 이고, q..

2번째 미션도 무사히 마쳤습니다!(비록 현재 시간은 23시 46분이지만...) 2단계 미션은 바로... TMdb API를 이용한 영화 웹 애플리케이션 확장 입니다!! 이제 더미데이터가 아닌, 실제 API를 활용해서 데이터를 받아올 거예요.오늘 구현한 기능은~1. TMdb API Key를 발급받고 .env에 저장하여 환경변수로 이용 2. API 호출해서 더미데이터를 응답 데이터로 변경 3. 클릭한 MovieCard에 맞는 MovieDetail로 이동하도록 라우팅 4. NavBar 만들기 5. 회원가입, 로그 페이지 레이아웃 만들기 6. 반응형 Navbar 구현하기 (모바일 모드에서 햄버거 노출시키기)7. 더보기 버튼으로 데이터 더 받아오기입니다!! 하나씩 해봅시다. 그 전에, TMDB API가 뭔지 알아볼..