npm 2

[scss/sass] scss 설치 및 컴파일하기(watch)

1. npm으로 설치 및 실행하기 1.1 설치 npm install -g sass 설치가 왼료 되어도 node_moduls 폴더가 생기거나 package.json 파일이 생성되지는 않는다. 따라서 잘 설치 되었는지 확인 하려면 sass --version 명령어를 입력해서 sass 버전이 출력되면 설치 성공!! 1.2 Compile 및 watch 브라우저는 scss, sass를 읽지 못한다. 따라서 브라우저가 읽을 수 있는 css 문서로 변환을 해주어야 하는데, 이것을 컴파일 이라고 한다. 컴파일은 .scss 문서를 변경 할 때마다 되어야 하므로 watch 라는 명령어를 사용해서 파일의 변화를 항상 '감시' 하도록 해줘야 한다. /* 개별파일을 컴파일 하고 싶을 때 */ sass --watch 파일이름.s..

frontend/html, css 2023.06.09

[React.js] git에서 clone 한 프로젝트의 npm start 오류

인프런에서 한입크기로 잘라먹는 리액트 강의를 듣는 중이다. 여러 장소에서 옮겨가며 듣다보니, 코드를 자연스레 git hub에 푸쉬해놓고 그때그때 풀해서 쓰게 된다. 이번에 clone한 프로젝트는 npm start 가 실행되지 않아서 문제를 해결하고자 했다. npm start 명령어를 터미널에서 입력하자 react-scripts 은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다. 라는 문구가 떴다. 괜히 npm과 node.js의 버전을 확인해본다. (설치가 안되어있어서 파일이 누락된 것일 수도 있으니...) npm, node.js가 제대로 설치 되어있는 것을 확인 할 수 있다. ** react-script 설치하기 ** npm install -g react-scripts :..

frontend/react.js 2023.03.27