웹언어/SASS (10) 썸네일형 리스트형 [SASS] 2강 SASS의 변수 - OSSAM강좌 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요. https://youtu.be/9NttTBCu2P8 ** SASS주석 처리 //CSS로 컴파일되지 않는 주석 /* CSS로 컴파일되는 주석 */ 1. SASS에서의 변수 1) 정의 : 변수는 추후에 재사용할 값을 저장하기 위한 용도로 사용 2) 변수 문법 $변수명: 값; 3) 변수에서 사용가능한 값 - 문자열, 숫자, 색상, 불표현식(booleans), 리스트, null 2. 다양한 변수를 활용 1) cmd에서 사용할 폴더를 선택(여기서는 D드라이브의 [sassTest]폴더 선택) d: cd sassTest [VS CODE]의 [LIVE SASS COMPILER]를 사용하면 위 작업은 하지 않아도 된다. 2) [index.html]에 요소 생성 및 .. [SASS] 1강 SASS소개 및 설치 - OSSAM강좌 1. SASS(Syntactically Awesome StyleSheets)란? 1) 정의 : CSS pre-processor(전처리기)로서 CSS반복을 줄여 시간을 절약할 수 있도록 해주는 CSS언어의 확장언어 2) 장점 : 변수 및 조건문 등의 새로운 문법을 통해 CSS를 구조화하여 작업할 수 있다. 3) 단점 : 코드가 지저분해질 수 있고, 코드가 많아질수록 유지보수가 어렵다. 2. SASS 확장자 및 CSS언어로의 변환이유 1) SASS의 확장자 : 파일명.scss 2) 브라우저 사용여부 : 브라우저에서는 css만 인식하기 때문에 [파일명.scss]를 인식하지 못한다. 따라서 [파일명.scss]를 [파일명.css]로 변환해주는 작업을 해야한다. 매번 바꿔야하는 불편함이 있는 것은 아니고, 프로그램.. 이전 1 2 다음
