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

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

stefan CHO님의 프로필 이미지
stefan CHO

작성한 질문수

React로 NodeBird SNS 만들기

axios.default.baseURL로 설정한것은 ``(backticks)를 사용하면 무시되나요?

작성

·

212

0

ch6에서 front에서 

1.

function loadMainPostsAPI() {
return axios.get('/posts');

}

2.

function loadHashtagPostsAPI(tag) { return axios.get(`/hashtag/${tag}`);}

위 두가지의 주소의 차이가 ''(single quote)이랑 ``(backticks)를 사용하는건데,  위에 /posts는 default.baseURL로 설정한 주소에다가 상대주소로 연결이되는 거잖아요?? 그래서 backend쪽으로 연결되는거고

2번인 hashtag/${tag}의 경우는 3060 포트로 설정한 프론트의 express서버로 연결된다고 이해하고 있는데요,

질문]

``을 사용하면 default.baseURL이 무시가 되고, server.js의 server.listen에 포트를 상대주소로 갖고가는건가요?

비록 ``이 template literal이라고 하지만, ``이나 '' 둘다 string값 아닌가해서 혼동이 됩니다.

혹시 제가 잘못이해하고 있는부분이 있으면 알려주세요

답변 3

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네네 맞습니다. getInitialProps는 프론트엔드 서버에서 일어나고 거기에서 axios를 사가를 통해 실행하는 데 그 때 백엔드에 가고, 그게 완료된 후 프론트엔드에서 하나로 합쳐져서 화면에 표시됩니다.

0

stefan CHO님의 프로필 이미지
stefan CHO
질문자

답변 감사합니다. 제로초님, 제가 전체적으로 그림이 잘 잡히지 않아서 대략적으로 그려봤는데

여기서 흐름상 잘못된 부분이 있나요??

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

무시되지 않습니다. `/hashtag/${tag}`도 백엔드쪽으로 갑니다.

stefan CHO님의 프로필 이미지
stefan CHO

작성한 질문수

질문하기