반응형
import { NextApiRequest, NextApiResponse } from "next";
import abroad from "../../../../data/aptLifestyle/abroad.json";
import { Type } from "../../../../types";
export default async function handler(
req: NextApiRequest,
res: NextApiResponse
) {
const { query: { code } } = req;
const foundData = (abroad as Type[]).filter(
(item) => String(item.code) === (code as string)
);
// if (foundData.length === 0) {
// res.status(404).json("Not Found");
// return;
// }
const shape = (data: Type[]) => {
return data.map((item: Type) => {
return {
column1: `${item.ranking}위`,
column2: item.name,
rate: item.rate,
rank: item.ranking,
liftRank : item.lift >= 1 && item.lift_ranking,
};
});
};
res.status(200).json(shape(foundData));
}
반응형
'프론트엔드 웹 > Next' 카테고리의 다른 글
useSWR로 multiple items fetch (Promise.all) (0) | 2023.06.30 |
---|---|
Next.js에서 Swiper.js 사용해서 FullPage 효과 내기 (0) | 2023.06.19 |
[Next] Victory Chart를 png 파일로 만들어서 Return 하는 Next.js API 만들기 (0) | 2023.05.24 |
[Next] DOM(화면에 나타났을 때) animation CSS + 강제 re-render (0) | 2023.05.19 |
Next.js API Router로 Chart.js 이미지 리턴하기 (0) | 2023.05.16 |