Vscode 자동완성 문제 (a.k.a 스니펫 위치 설정)

🙋‍♂️ 문제사항

React project 초기셋팅을 하던 도중 JSX 문법 사용시 위에 그림처럼 className 또는 onClick과 같은 prop 이름이 자동 제안이 되지가 않아서 질문을 한 적이 있다.

위에 그림처럼 vscode에서 제공하는 extension 문제로 인해 스니펫 제안 위치가 바뀐줄 알았는데 그건 아니였다!

💡문제해결

1. Vscode -> setting(Cmd+,)창을 열어 인터페이스를 열어준다.

2. snippetSuggesions 을 검색해준다. 그리고 top값 대신 inline 으로 설정해준다.

3. 설정 후에는 className 또는 onClick 과 같은 prop 이름이 바로 제안되는 것을 확인할 수 있다