getStaticProps.tsx 의 회색 표시
안녕하세요!
현재 강의 내용을 따라 학습을 재밌게 진행하고 있습니다.
회색 네모난 표시의 정체를 알 수 있을까요 ???
data 옆에 있는 ': number'
(resolve) 옆에 있는 'executor:'
등등등 ...
답변 1
1
안녕하세요 dlxotjde님. 질문 주셔서 감사합니다ㅎㅎ
저 부분은 제가 사용하고 있는 IDE인 WebStorm에서 자동으로 지원해주는 부가 기능입니다.
예를 들어
'data'의 경우 line3 의 interface Props { data: number; } 에서 data의 타입을 number로 선언해두었습니다.
그리고 line 7의 const Example: NextPage<Props>에서 Props interface를 넘겨주기 때문에, ({ data })의 타입은 number인 것이 자명합니다.
그렇기 때문에 IDE에서 data가 number 타입인 것을 개발자에게 알려주는 것입니다.(개발자가 개발하기 편하도록)new Promise 옆에 있는 'executor'도 같은 맥락입니다.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise#syntax
Promise의 MDN 문서를 확인해보면 new Promise()의 parameter로 들어가는 값은 'executor'라는 별명을 가진 함수임을 확인할 수 있습니다.
그래서 IDE에서 "이 함수는 Promise의 'executor'로서 동작하는 함수다~"라는 것을 개발자에게 친히 알려주는 것입니다!
IDE가 WebStorm이 아니라면 사용하고 계신 IDE에서 비슷한 기능이 지원하는지 알아보는 것도 좋을 것 같습니다. 당장 찾지 못하더라도 강의에 큰 지장은 없으니 괜찮습니다.!
감사합니다 :)
API 라우터를 사용해야 하는 경우에 대해
1
150
1
키보드 어떤 거 사용하시나요
1
352
1
next.js 멀티플 런타임 관련해서 질문 올립니다..
1
358
2
아주 기초적인 질문입니다.
1
322
1
서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?
1
1170
2
수업을 듣다가 SSR에 관하여..
1
551
2
interface 와 type
1
376
1
엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.
1
384
1
onLoad함수 (script태그의 onLoad X)
1
426
1
dynamic에 대한 질문
1
447
1
SSR vs SSG
1
476
2
NoSSR 관련한 질문입니다:)
1
376
1
a tag 질문 !
1
327
2
8분 20초 배포 관련
1
324
2
안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다
0
2678
2
emotion styles 파일이 빌드시 경고로 뜹니다.
1
438
1
naver map 이 출력되지 않습니다.
1
481
1
페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?
1
264
2
Failed to load resource: the server responded with a status of 404 ()
1
1034
2
VSCode 익스텐션 궁금합니다.
1
356
1
상태관리 질문 있습니다!
1
449
1
swr에 대한 질문입니다. (용어 관련)
1
372
1
swr 질문입니다!
1
337
1
안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.
1
679
2