inflearn logo
강의

Course

Instructor

Bite-sized Next.js

2.5) API Routes

api폴더 하위의 api.ts들은 언제사용하나요?

Resolved

189

frontumbokdong

2 asked

0

백엔드서버와 통신할 때, service폴더를 만들고 하위에 api 정리를 자주 하였는데요,(fetch, axios instance등) 현재 강의에서 언급하고있는 이 api폴더는 next로 풀스택 개발외에는 딱히 사용되지 않는편인가요?

react typescript next.js api

Answer 1

0

hyobin

안녕하세요!! 정환님이 휴가를 가셔서, 제가 대신 답변드립니다.

Next의 page router에서 pages/api 폴더는 API 라우트를 정의하는 특별한 폴더인데요, 강의에서 사용되는 api 들은 별도로 만들어 놓으셨기 때문에 '백엔드 API 서버' 역할을 하는 해당 폴더는 테스트용으로 사용하신 것 같습니다.

강의에서 사용되는 api들은 components 폴더의 lib 폴더 내부에 fetch-books.ts, fetch-onet-book.ts 등의 별도 파일로 api를 호출하고 있는 것 같네요!!

이윤재입니다님처럼, service 폴더를 만들고 하위에 api 정리를 하는 것도 좋은 방법인 것 같습니다 🙂

버셀로 서버 배포 후 접속 시 500 에러 발생

0

66

2

컴포넌트와 레이아웃

0

54

2

@/styles/globals.css'

0

50

2

풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문

0

71

2

next.js 프로젝트

0

68

1

Next.js + Tanstack Query BFF 구조 질문

1

82

2

Next.js 사전렌더링 이해하기 부분

0

84

2

모달 관련 질문

0

88

3

렌더링 관련 질문

0

108

2

중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화

0

97

2

라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.

0

95

2

SSR시 context에 params말고 query를 사용하면 안되나요?

0

107

2

npx prisma db push 시 에러가 뜹니다.

0

131

3

vercel 배포를 실패하였습니다.

0

150

3

Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?

0

93

2

getServerSideProps 함수와 SSR의 관계

0

118

6

없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다

0

93

2

실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.

0

145

2

일반적인 nextjs project architecture에 대하여..

0

120

2

2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?

0

101

2

배포 시 오류 발생

0

111

2

백엔드 서버 오류납니다.

0

107

2

취약점 제거시 nestjs 버전 문제가 생길까요?

0

117

1

eslint.config.mjs 내 rules 어떻게 설정 하나요?

0

130

1