• Frontend Service - Backend Service간의 연결
• Frontend Service는 고객과 닿아있고, Backend Service는 DB에 닿아있다.

<aside> 💡 고객이 DB에 접근하기 위해 FE는 BE와 연결되어야하고 이때 API를 활용한다. BE가 제공해주는 API를 통해 DB의 내용을 활용할 수 있다.

</aside>

Next.js 의 API Routes

• 파일위치 /pages/api/user.js

• back-end

// /pages/api/user.js

export default function handler(req, res){
	res.status(200).json({ name : 'Jimmy Choi' })
}

• 이렇게 하드 코딩된 값만 res로 내리는게 아닌 DB조회를 해서 값을 불러오거나, 파일시스템에 접근해서 데이터들을 가져올 수 있다.

<aside> 💡 말 그대로 백엔드 코드를 작성 할 수 있음.

</aside>

• Front-end

const [name, setName] = useState('?');

useEffect(() => {
	fetch('/api/user').then((res) => res.json())
	.then((data) => { setName(data.name)}}
},[])