React/React_Basic (3) 썸네일형 리스트형 React Hook. useLocation 과 useParams 차이점 알아보기 먼저 useLocation 과 useParams 사용하기 위해서는 라우터 설치가 필수입니다. npm install react-router-dom useLocation() 사용 방법 1) useLocation을 import 합니다 import { useLocation } from 'react-router-dom'; 2) 변수에 useLocation 정보를 담습니다. const location = useLocation(); 3) console.log에서 출력해보고, 원하는 정보를 가져다 사용하면 됩니다. const location = useLocation(); useEffect(() => { console.log(location); }, [ location ]) 그러면 파라미터가 아닌 현재 페이지의 Path.. React. && 연산자로 If문 처럼 사용하기 JSX 안에서는 중괄호를 이용하여 표현식을 포함 할 수 있습니다. 그 안에 자바스크립트의 논리 연산자 &&를 사용하면 어렵지 않게 조건식을 사용 할 수 있습니다. { AAA && BBB } # && 뒤의 BBB 조건은 앞의 AAA 조건이 True 일때만 출력됨 # AAA 조건이 false일 경우 React는 이 를 무시함 리액트 프로젝트에 외부 API 적용하기 (TheMOVIE DB API) https://www.themoviedb.org/ The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 먼저 위 사이트 회원 가입을 진행합니다. (개인 API키를 받기위해 필수적으로 가입해야 합니다.) 회원 가입 후 로그인후 설정 창으로 이동해 줍니다. 설정창에서 API 탭으로 이동 후 DEVELOP 목적으로 API_KEY를 신청해서 V3 auth키를 사용하시면 됩니다.(전 캡쳐 전에 미리 받은 상태라 패스하였습니다.) import React, { useEffect } from "react"; const MainPage = () => { cons.. 이전 1 다음
