hook์ ์ฌ์ฉํ๋ ์ธ๋ถํจ์๋ฉด custom hook์ผ๋ก ๋ง๋ค์ด์ผํจ
Router์ ์ํ ์ปดํฌ๋ํธ๊ฐ ์๋๋ผ์ useNavigate()๋ฅผ ๋ชป์ฐ๋ ์ํฉ์ด ๋๋ค.๐
url์ ํ๋ผ๋ฏธํฐ ๊ฐ์ ๊ฐ์ ธ์ค๊ธฐ ์ํด useParams()๋ฅผ ์ฌ์ฉํ๋ค.
useNavigate()๋ก ๊ฒฝ๋ก๋ฅผ ๋ฐ๊ฟ์ค ๋, ๋ฐ์ดํฐ๋ฅผ ํจ๊ป ์ ๋ฌํ๋ค!
axios interceptor์์ hook์ ์ฌ์ฉํ ์ ์๋ค. ๐ ํ์ง๋ง ๋ด๊ฐ ์จ์ผ๊ฒ ๋ค๋ฉด?!?!?!?!๐
๋๋ฅด๋ ๋ฒํผ์ ๋ฐ๋ผ ์กฐ~๊ธ์ฉ ๋์์ด ๋ฌ๋ผ์ ์ด๋ฒคํธ ์ฒ๋ฆฌ ํจ์๋ฅผ ํตํฉํ๊ณ ์ถ์๋ค!
๋ผ๋ ์ฝ๋๋ฅผ ์ผ๋๋ฐ ์ ๋จนํ์ง๋ ์์ ๋ฟ๋๋ฌ๋ผ๋ ์๋ฌ๊ฐ ๋ด๋ค..๊ฒ์ํด๋ณด๋ ${}๋ฅผ ์จ์ ๋ณ์ ๊ฐ์ ์ธ ๋"์ด๋ ' ๊ฐ ์๋.. \`๋ฅผ ์จ์ผํ๋ค..์ข์ ๊ตํ.
react ์ปดํฌ๋ํธ ๊ฐ ์์์ ์ฝ๊ฒ ๊ณต์ ํ ๋ฐฉ๋ฒ์ ์ฐพ๋ค๊ฐ redux๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ค
API key, ์ด๋ฏธ์ง ๋ถ๋ฌ์ค๋ ๊ฒฝ์ฐ ๊ฒฝ๋ก๋ฅผ ๊ฐ์ถฐ ๋ณด์์ฑ์ ๋์ด๊ธฐ ์ํด ํ๊ฒฝ ๋ณ์๋ฅผ ์ฌ์ฉํ๋ค.