next.js 행정안전부 주소 API 사용하기

CORS

클라이언트는 http://localhost:3000/ 이고 주소 서버의 주소는 http://www.juso.go.kr/ 으로 서로 다르기 때문에 ...

(정확히 cors에 관한 내용은 검색해 보시면 많이 나와요~)

next.config 파일 안에 rewrites() 내에

	async rewrites() {
		return [
			{
				source: '/addressApi/:path*',
				destination: `http://www.juso.go.kr/:path*`,
			},
		];
	},

와 같이 추가해 준다.

우리가 api를 호출 할때는 /addressApi 으로 시작하고 호출이 되는 주소는
http://www.juso.go.kr/ 로 치환된다. 결론적으로는 http://www.juso.go.kr/addrlink/addrLinkApiJsonp.do 이렇게 호출 된다.

/addressApi 이 키워드는 변수 처럼 이름을 변경하여 사용한다.

API 호출

import { instance } from 'api';

export const SearchAddress = async (searchWord: string) => {
	const param = {
		confmKey: 'U01TX0FVVEgyyMTAxMjc0NjExMzExMDk=',
		currentPage: 0,
		countPerPage: 10,
		keyword: searchWord,
		resultType: 'json',
	};

	try {
		const res = await instance.get(`/addressApi/addrlink/addrLinkApiJsonp.do`, {
			params: param,
		});
		if (res) {
			return res;
		}
	} catch (error) {
		console.error(error);
	}
};

파라미터

const param = {
		confmKey: 'U01TX0FVVEgyMDIyMTE3Mjc0NjExMzExMDk=',
		currentPage: 0,
		countPerPage: 10,
		keyword: searchWord,
		resultType: 'json',
	};

• confmKey : 행정안전부에서 발급 받은 비밀키
• currentPage, countPerPage : 0~10개를 의미
• keyword : 내가 검색한 주소 키워드