개발기록

변수: 반복적으로 사용하는 코드를 미리 선언하여 재사용할 수 있게 함. 변수 선언 $variable-name: variable-value; Color Palettes 보통 디자인 시안은 colors 가 정해져 있고, 자주 쓰이기 때문에 colors.scss파일을 만들어 색깔에 대한 변수를 선언해주면 좋다. Typography 글씨체, 글씨 크기, 색깔 등 또한 변수 선언해주면 좋다. Grid System columns: 기둥 개수 unit: 기둥 너비 gutter: 양쪽 너비 margin: 양쪽 여백

0. vscode에서 terminal을 열어준다. 1. package 생성 후에 node-sass 설치 npm init -y npm i node-sass 3. package.json "scripts" 부분을 수정해준다. "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "node-sass": "node-sass", "sass": "node-sass styles/main.scss ./style.css", "sass:watch": "node-sass --watch" }, 4. 확인 main.scss에 아무 코드 입력후, npm run sass해주면, main.scss에 썼던 코드가 style.css에 그대로 나타난다. 이렇게 잘 실행되면..