api폴더 하위의 api.ts들은 언제사용하나요?
백엔드서버와 통신할 때, service폴더를 만들고 하위에 api 정리를 자주 하였는데요,(fetch, axios instance등) 현재 강의에서 언급하고있는 이 api폴더는 next로 풀스택 개발외에는 딱히 사용되지 않는편인가요?
Answer 1
0
안녕하세요!! 정환님이 휴가를 가셔서, 제가 대신 답변드립니다.
Next의 page router에서 pages/api 폴더는 API 라우트를 정의하는 특별한 폴더인데요, 강의에서 사용되는 api 들은 별도로 만들어 놓으셨기 때문에 '백엔드 API 서버' 역할을 하는 해당 폴더는 테스트용으로 사용하신 것 같습니다.
강의에서 사용되는 api들은 components 폴더의 lib 폴더 내부에 fetch-books.ts, fetch-onet-book.ts 등의 별도 파일로 api를 호출하고 있는 것 같네요!!
이윤재입니다님처럼, service 폴더를 만들고 하위에 api 정리를 하는 것도 좋은 방법인 것 같습니다 🙂
모달 관련 질문
0
21
3
렌더링 관련 질문
0
74
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
56
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
57
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
69
2
npx prisma db push 시 에러가 뜹니다.
0
89
3
vercel 배포를 실패하였습니다.
0
91
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
53
2
getServerSideProps 함수와 SSR의 관계
0
74
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
55
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
111
2
일반적인 nextjs project architecture에 대하여..
0
83
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
70
2
배포 시 오류 발생
0
83
2
백엔드 서버 오류납니다.
0
79
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
89
1
eslint.config.mjs 내 rules 어떻게 설정 하나요?
0
101
1
[book]/[id]/page.tsx 모달 띄울 때 성능 하락 현상은 ReviewList를 불러오면서 발생하는 문제 같습니다.
0
60
2
빨간줄 설정
0
74
2
익스텐션 질문
0
58
1
강의 들으면서 궁금한 부분 질문드립니다.
0
108
1
서버 배포 에러입니다.
1
96
2
[5.2) 풀라우트 캐시 2] fetch의 cache 옵션 기본값 질문: no-store/force-cache
1
102
2
백엔드 prisma 연결
0
92
2