인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

baekjw9님의 프로필 이미지
baekjw9

작성한 질문수

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

[06-02] 그래프큐엘 셋팅

질문드립니다

작성

·

37

0

안녕하세요,

수업 잘 듣고 따라가고 있습니다~~!!

 

다름이 아니라 , 아무래도 graphQL를 이용한것보다

취직하고싶은 회사에서 대부분
REST API를 사용하는거같아
혹시 fetch 또는 axios를 사용하는 방법은 강의에 추가할 계획이 없으실까요?

그리고 nextjs에서는 axios를 사용하는 대신에 fetch를 사용하는것이 맞을까요?

답변 1

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! baekjw9님!
좋은 질문 감사드립니다!^^


1. axios 또는 fetch 수업 추가 및 변경 계획이 있는지
=> next 서버 fetch 방식으로 수업이 변경될 수도 있음을 염두하고 있으나, 당분간은 현 구조를 유지할 계획에 있답니다!^^

이유를 말씀드리면, 현재 react18과 next14의 버전 업데이트에 따른 변화로 미래 프론트엔드 시장에 큰 변화가 진행중에 있답니다!
현재 프론트엔드에서 사용중인 서버데이터의 클라이언트캐시(react-query, apollo-client 등) 도구들 대신에 next 서버에서 fetch를 활용한 next서버캐시 구조로 점점 프론트엔드 시장이 변화중에 있어요

이러한 시장 변화에 따라, next 서버 fetch 방식으로 수업이 변경될 수도 있음을 염두해 두고 있으나, 아직은 대부분의 회사가 클라이언트캐시를 적극적으로 사용하고 있으므로 당분간은 현 구조를 유지할 계획에 있답니다!^^

 

2. nextjs에서는 axios를 사용하는 대신에 fetch를 사용하는것이 맞을까요?
=> fetch 사용을 추천드려요!
과거 axios를 많이 사용하였으나, 현재 fetch가 브라우저에 내장되었을 뿐만 아니라, node에도 fetch가 도입되었습니다. 따라서, jest 등의 테스트 연동에서도 효율적일 수 있으며, next 서버단에서 fetch 역시 추가적인 캐시기능이 포함되었으므로 axios는 현 시점에서 이러한 장점을 누리기 어려울 것 같아요! 미래 방향도 동일할 것이라 판단되네요!^^
(과거 수업에서 axios로 진행했던 부분도 이번 업데이트 수업에서 fetch로 변경되었어요!)

baekjw9님의 프로필 이미지
baekjw9
질문자

혹시 커리큘럼 내에서 fetch 사용하는 예제 있는 강의가 어디인지 알 수있을까요?

노원두님의 프로필 이미지
노원두
지식공유자

네! baekjw9님!

커리큘럼 내에서 fetch를 메인으로 사용하고 있지는 않아요! 추후 next 서버페치로의 커리큘럼 전환을 염두에 두고 있으나, 현재는 그렇지 않답니다!

 

하지만 강의 초반부 동기와 비동기 부분에서 클라이언트에서 fetch를 실습하는 예시가 있고, 강의 후반부에 RSC/RCC 관련 수업에서 next 서버사이드 fetch와 캐시관련 실습 예시가 있어요!^^

baekjw9님의 프로필 이미지
baekjw9
질문자

감사합니다

baekjw9님의 프로필 이미지
baekjw9

작성한 질문수

질문하기