Next.js를 쓰려고 했는데 html태그(div, h1, 등등)이 자동완성이 안된다!?!?

야심차게 next.js를 공부해보려고 했지만 첫 벽부터 난관이었다.

npx create-next-app

을 실행하자마자 index.js로 달려갔지만, 아뿔싸 div태그가 입력이 안 되는 것이다?!?! 전에도 react를 처음 실행할 때 이런 문제가 있었던 것으로 기억해서, 메모리를 더듬어 방법을 찾아냈다.

방법은 다음과 같다.

1. vscode를 열어서 F1을 누른다.
2. json이라고 검색을 하면Open User Setting(JSON)이 있다.
3. 들어가서 다음과 같이 입력한다!

"emmet.includeLanguages": { "javascript": "javascriptreact" },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },

4. div 태그를 쓸 수 있다!!!

다들 헤매지 말고 공부 시작하세용