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

전현욱님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

Graphql 강의중 질문

해결된 질문

23.07.27 05:00 작성

·

294

0

1.PNG

2.PNG

보시는 것과 같이 첫번째 사진처럼 백틱을 넣으면
두번째 사진과 같은 자동완성기능이 제기능을 못합니다. 이유와 해결방법이 있나요?

 

답변 1

1

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

2023. 07. 27. 10:43

안녕하세요! 현욱님!

일반적으로, 자동완성은 vscode가 대상 데이터에 무엇이 필요한지를 예측할 수 있을 때, 해당 데이터를 미리보기 형태로 보여주는거예요!

반면, 위 graphql에서 createBoard()안에 어떤 인자가 들어갈지는 vscode는 사실 알지 못한답니다!

그러면, 위에 2번째 사진에 미리보기로 보이는 $contents, $title, $writer 이런 애들은 무엇인가?
자세히 보시면 앞에 abc라고 붙어있는데, 쉽게 얘기해서 내가 기존에 작성했던 동일한 코드를 사전 형태로 보여주는 것 뿐이에요! 다시말해, 자동완성이 아닙니다!

예를들어 아래 사진을 보시면, 그래프큐엘 인자와 전혀 관련없지만 기존에 입력했던 텍스트 사전을 보여주고 있는 것을 확인하실 수 있어요!

image

따라서, vscode는 createBoard에 무엇이 들어갈지는 알 수 없습니다.
왜냐하면 상세 내용들은 백엔드 컴퓨터에 있기 때문이에요
(우리도 플레이그라운드에 접속해야만 알 수 있었죠?)

 

그렇다면, 자동완성은 무엇인가?
vscode가 예측할 수 있는 경우예요!
아래 사진을 보시면, 나의프로필 안에 age, name, school이 들어가 있음을 분명히 알 수 있답니다!
따라서 해당 키워드 앞에는 상자 모양이 달려있어요!
(나머지 abc 붙어있는애들은 자동완성이 아닌 사전 개념으로 봐주시면 좋을 것 같아요!^^)

image

 

전현욱님의 프로필 이미지
전현욱
질문자

2023. 07. 28. 22:01

답변 감사합니다. 강사님
근데 왜 저는 강사님처럼 백틱 ``를 넣으면
색깔도 문자열 처럼 주황색이되고

텍스트 사전이 나오지 않을까요? ㅠㅠ

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

2023. 07. 29. 04:29

네! 현욱님!

Vscode 익스텐션을 설치해 주세요!

image