SASS(2)
-
[사스(Sass)] Sass 기본 사용법 (컴파일 및 명령어)
지난 포스팅에서 사스(Sass)에 설치 방법에 대해서 포스팅을 했습니다.이번 포스팅은 설치가 완료된 사스(Sass)를 사용할수 있는 기본 사용법에 대해서 포스팅 하고자합니다. 선행 작업인 Ruby등의 언어 설치 및 Sass 설치 해야 하기 때문에 사스(Sass) 설치 내용을 참고 부탁드리겠습니다. 사스(Sass) 디렉토리 설정 하기 우선 사스(Sass)의 확장자 이름은 .scss로 표기 됩니다.예를들어 filename.scss 의 파일이 존재 한다고 하면은 해당파일은 사스(Sass)로 작업파일 이구나 하고 생각 하시면 되겠습니다. 그럼 일단 .scss 파일을 .css파일로 어떻게 변환 되는지 확인 해보도록 하겠습니다."원도우 키 + R" 엔터 활성된 창에 "cmd" 라고 입력 합니다. 윈도우OS 에서 명..
2018.01.08 -
[사스(Sass)] Sass 기본 설치
구직 사이트에서 퍼블리셔 또는 프론트엔드(Front-end)개발자 등으로 검색을 하였을 시심심치 않게 올라오는 스킬로 Sass가 언급됩니다. 그럼 이 Sass가 무엇인지간단하게 정리 하고 자 합니다. Sass 란? CSS를 작성하다 보면은 똑같은 CSS를 기입해야 하는 경우가 빈번하다. 반복적으로 사용해여할 CSS를 자바스크립트의 변수처럼 활용하여 Sass 문법에 맞게 Sass파일을 만들면 컨버터를 이용해서 좀더 편리하고 깔끔한 작업의 CSS를 생성하게 된다. 예를 들어 아래와 같이 동일하게 작성해야할 CSS가 있는 경우 반복적인 작업을 해야 합니다. 123456789101112131415161718.btn{margin-left: 10px;color: #ffddff;position: relative;}...
2018.01.06