퍼블리싱 아카이브

scss 파일을 작성하다보면 개행을 많이 하게 된다. 이러면 코드의 가독성은 좋지만 파일의 용량이 쓸데없이 늘어날 수 있다. 이를 방지하기 위해 SCSS 파일을 CSS 파일로 빌드할 때, 압축된 형태로 만들 수 있는 명령어를 쓸 수 있다. sass --style compressed style/main.css:style/main.css 명령어를 이렇게 입력하면 개행한 부분이 사라져 압축된 형태로 CSS 파일이 빌드된다. 만약 live로 css 파일을 컴파일하고 싶으며 동시에 compressed한 형태로 빌드하고 싶다면 sass --watch --style compressed style/main.css:style/main.css 라고 입력하면 된다. 참고 https://youtu.be/k0s0iqfZJa4

이번에는 확장 프로그램이 아닌 터미널을 통해 명령어를 입력해서 Sass를 실행시키는 방법을 공부해보겠다. 1. 환경설정(Settings) 1) node.js 홈페이지에 들어가서 LTS를 설치한다. 2) Terminal -> New Terminal을 클릭하고 명령어를 입력한다. node -v: 노드 설치 확인 npm install -g sass: 사스 설치 명령어 node -v는 node.js가 설치되었는지 확인하는 명령어로, 입력하면 현재 설치되어있는 노드의 버전이 출력된다. node -v로 노드가 설치되어있다는 것이 확인되었다면 다음에는 npm nstall -g sass를 입력해 sass를 설치한다. sass --version : sass의 버전을 확인할 수 있는 명령어 를 입력하면 sass가 잘 설치..

해결 방법: 터미널 -> cmd 창에 npm i react-beautiful-dnd를 입력하면 문제가 해결된다. 출처: https://stackoverflow.com/questions/73136847/module-not-found-error-cant-resolve-react-beautiful-dnd Module not found: Error: Can't resolve 'react-beautiful-dnd' Module not found: Error: Can't resolve 'react-beautiful-dnd'. The problem is with this module. I am writing to do list, everything must work, but I see the error. Dont h..