728x90 300x250 scss2 비쥬얼 스튜디오 코드 Live Sass Compiler Live Sass Compiler에 대한 설명은 지난 포스팅에서 참고 하세요 비쥬얼 스튜디오에 Live Sass Compiler를 셋팅하려면 먼저 Live Server가 설치되어 있어야 합니다. (아래 포스팅 참고) https://moo-you.tistory.com/155?category=308020 Visual Studio Code 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기] Visual Studio 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기] 목차 1) Visual Studio Code 비쥬얼 스튜디오 코드 설치하기 2) 비쥬얼 스튜디오 코드 한국어로 변경하기 3) 색 테마 변경 moo-you.tistory.com Live Sass Compiler 설치 1. 비.. 2021. 10. 30. SCSS(SASS) CSS 차이 SCSS의 필요성 CSS의 단점 1. 선택자(Selector)을 만들때 매번 불필요한 부모요소 선택자를 적어야 한다. 2. 규모가 큰 프로제트의 경우 자동화하기 어렵고 모든 것을 수정으로 변경해야 한다. .SCSS 사용시에는 위에 언급한 CSS의 단점을 보완할 수 있다. 선택자의 중첩(Nesting)을 통해 반복되는 부모요소 선택자 사용을 줄일수 있다. 변수(Variable)을 사용해서 CSS 속성값을 통일해서 관리할 수 있다. 프로그래밍 언어에서 사용하는 조건문, 반복문을 통해서 동적으로 CSS 관리가 가능하다. 대신 SCSS(SASS)는 브라우저가 이해할 수 없기 때문에 브라우저가 이해할 수 있는 CSS로 컴파일하는 과정을 거쳐야 하는 번거로운 부분이 있다. .css의 예시 /*.CSS*/ .cont.. 2021. 10. 24. 이전 1 다음 728x90 반응형