🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

Graphql 강의중 질문

23.07.27 05:00 작성 조회수 262

0

1.PNG

2.PNG

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

 

답변 1

답변을 작성해보세요.

1

안녕하세요! 현욱님!

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

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

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

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

image

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

 

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

image

 

전현욱님의 프로필

전현욱

질문자

2023.07.28

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

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

네! 현욱님!

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

image

채널톡 아이콘