doeunn.log

API란? Application Programming Interface의 약자로, 응용 프로그래밍 인터페이스라고 해석할 수 있습니다. 쉽게 말해, 컴퓨터나 컴퓨터 프로그램 사이의 연결을 의미합니다. 즉, 연결을 어떻게 할 것인가에 대한 정의라고 보면 되겠습니다. Frontend Service - Backend Service 간의 연결 Frontend가 만드는 영역을 Frontend Service, Backend가 만드는 영역을 Backend Service라고 하겠습니다. 이 두 가지가 서로 연결될 때 API가 활용됩니다. Frontend Service는 고객과 닿아있고, Backend Service는 DB에 닿아있습니다. 고객이 DB에 접근하기 위해 FE와 BE가 연결되어야 하고, 이때 API를 활용합니..

Dynamic Routes 저번 글에서 다양한 페이지들을 만들었지만 slug를 활용하면 slug에 어떤 값이 들어오든 동적으로 화면을 다룰 수 있었습니다. 그런데 slug 값으로 주었지만 실질적으로 그 slug에 따라 다르게 보여야만 우리가 의도한 바를 보일 수 있을 것입니다. [slug] 값은 어떻게 활용할 것인가? Next.js에서 제공하고 있는 ('next/router') useRouter라는 함수가 있는데요. 이 훅을 이용하여 router를 꺼내고 거기에서 slug를 꺼내볼 수 있습니다. 1 2 3 import { useRouter } from 'next/router' const router = useRouter() const { slug } = router.query cs 📜 src/pages/..