TWIL 2021-11 (1)

1. VSCode : 리액트에서 Emmet snippets 사용하기

---

JSX 코드에 Emmet 단축키 적용하기

// settings.json

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

2. react-icons 설치 후 babel-loader compile 에러 해결하기

---

react-icons 설치 후 아래와 같은 에러가 발생한다.

😱 Failed to compile.
./node_modules/react-icons/bs/index.esm.js
Module not found: Can't resolve '/Users/jheeju/Desktop/.../node_modules/babel-loader/lib/index.js' in '/Users/jheeju/Desktop/...'

에러 메시지에 따라 babel-loader를 설치하면 또 다른 에러가 발생한다.

😱 Object for dependency "@babel/core" is empty

구글링...
🔗 npm ERR! Object for dependency "@babel/core" is empty

1. Delete node_modules folder rm -rf node_modules
2. Delete package-lock.json
3. npm install

을 마치면 바로 해결되어 아이콘이 잘 출력된다.

3. CSS3 이란?

---

HTML5를 HTML이라고 부르는 것처럼 CSS의 현재 버전을 나타낸다. 그냥 CSS라고 이해하면 될 것 같다.