inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next.js 시작하기(feat. 지도 서비스 개발)

API Routes

API 라우터를 사용해야 하는 경우에 대해

148

봄봄

작성한 질문수 14

1

파이어베이스와 수파 베이스 를 사용하고 있습니다.

API 폴더에 해당 통신 로직을 정의해서 사용하면 보안과 API 명세에 대한 로직을 잘 관리 할 수 있다는 것을 강의내용을 통해 알았습니다

BAAS 서비스를 이용하면 API 폴더에 넣고 관리하게 된다면 통신 로직이 중복되는 것같은데

API -> BBAS 통신

이럴 경우 어떻게 사용하는게 좋은지 궁금합니다!!

seo next.js vercel csr ssg ssr

답변 1

0

박용주

안녕하세요 봄봄님. 기다려주셔서 감사합니다. 늦게나마 답변드립니다!ㅠㅠ

강의 소스코드를 예로 들면 getFeedbackListFromFirestore 나 addFeedbackToFirestore 함수를 서버나 클라이언트 단에서 직접 호출하고 있습니다. 이렇게 BaaS에서 제공하는 함수를 직접 호출하면 편리하기도 하고 직접 통신할 수 있다는 장점이 있습니다.

다만 다른 API 서버나 BaaS를 함께 사용하는 경우, 호출하는 방식이 각각 달라 통일성을 해칠 수 있고 엔드포인트를 숨기고 싶은 경우도 있을 수 있습니다. 이 경우에 BaaS 호출을 api routes로 옮기면 좋습니다. 호출부를 한 번 감싸면, 클라이언트 단에서 fetch('/api/feedback') 처럼 직관적인 url로 통일시킬 수 있습니다. 또한 서버에서 실행되기 때문에 엔드포인트를 숨길 수 있다는 장점도 있습니다. 다만 말씀하신대로 next.js api routes 통신이 한 번 추가되는 것이기 때문에 cold start를 하거나 서버 성능이 좋지 않다면 응답이 조금 느려질 수도 있습니다.

상황에 따라 적절히 사용해주시면 좋을 것 같습니다! 감사합니다 :)

키보드 어떤 거 사용하시나요

1

350

1

next.js 멀티플 런타임 관련해서 질문 올립니다..

1

358

2

아주 기초적인 질문입니다.

1

321

1

서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?

1

1168

2

수업을 듣다가 SSR에 관하여..

1

551

2

interface 와 type

1

375

1

엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

1

383

1

onLoad함수 (script태그의 onLoad X)

1

425

1

dynamic에 대한 질문

1

447

1

SSR vs SSG

1

476

2

NoSSR 관련한 질문입니다:)

1

375

1

a tag 질문 !

1

327

2

8분 20초 배포 관련

1

324

2

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

0

2673

2

emotion styles 파일이 빌드시 경고로 뜹니다.

1

438

1

naver map 이 출력되지 않습니다.

1

481

1

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

1

263

2

Failed to load resource: the server responded with a status of 404 ()

1

1033

2

VSCode 익스텐션 궁금합니다.

1

354

1

상태관리 질문 있습니다!

1

447

1

swr에 대한 질문입니다. (용어 관련)

1

372

1

swr 질문입니다!

1

336

1

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

1

678

2

naver로고 important 값 주는 이유

1

366

2