inflearn logo
강의

Course

Instructor

Getting Started with Next.js (feat. Map Service Development)

Fetching Store Data (feat. SWR)

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

Resolved

372

jjanmo

6 asked

1

안녕하세요

용어에 대한 이해 차원에서 질문드립니다.
useMap이나 useStore 훅에서 map이나 store에 대한 정보를 전역상태로 관리한다라고 표현하시는데요. 이 부분에 대한 질문입니다.

제가 알고 이해하고 있는 바를 먼저 말씀드리면, SWR은 같은 키값로 받아온 값은 다시 요청하지않고 기존의 캐싱된 값을 반환하는 것으로 알고 있습니다. 그래서 같은 키값으로 요청을 하게 되면 결국 캐싱된 값을 사용하게 되는 것이구요. 이러한 과정전역상태로 관리한다라고 표현하시는 것으로 이해했는데 맞을까요??

[참고] SWR은 데이터의 효율적인 로딩과 캐싱을 위한 라이브러리로서 주로 서버 상태 관리와 데이터 동기화 측면에서 활용되는것이기에 전역상태 관리라고 하면 약간의 혼란을 야기하는 면이 없지 않아 있는 것 같습니다.(redux나 기타 다른 client side에 대한 전역상태 관리와 비교하여...)
→ 이 부분은 개인적인 생각이기에 참고만 해주셔도 괜찮을거 같습니다. 😅

좋은 강의 감사합니다. 🙇🏻

seo next.js vercel csr ssg ssr

Answer 1

1

vroomfan

안녕하세요. 저도 좋은 질문 감사드립니다ㅎㅎ

강의에서 언급한 '전역 상태 관리'는 말씀하신대로 redux, mobx 같은 라이브러리에 비해 '좁은 의미'로 쓰인 전역상태관리입니다. prop drilling을 하지 않고 여러 컴포넌트에서 동일한 상태를 공유할 수 있다는 의미에서 '전역 상태 관리'라는 말을 사용했습니다.

SWR은 언급해주신대로 data fetching에 특화된 라이브러리이고, redux처럼 전역상태관리를 중심으로 만들어진 라이브러리는 아닙니다. 다만 강의에서 언급했듯 가벼운 상태관리만 하면 되는 상황이기 때문에, SWR key에 상수값(일반적인 fetcher 함수 대신)을 저장하고 여러 컴포넌트에서 사용했습니다.

강의에서 사용된 용어가 넓은 범위의 용어와 달라 오해가 생긴 것 같습니다. SWR이 서버 상태 관리와 데이터 동기화를 위해 쓰이는 것은 맞지만, 강의에서는 (좁은 의미의) 전역 상태 관리 용도로 쓰였다고 이해하시면 좋을 것 같습니다!

감사합니다 :)

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

1

148

1

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

1

351

1

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

1

358

2

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

1

321

1

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

1

1169

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

2675

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

336

1

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

1

678

2

naver로고 important 값 주는 이유

1

366

2