분명히 저번에 sass이용하는 방법에 대해서 따로 정리해둔 것 같았는데 막상 본격적으로 적용하려고 찾아보니 도무지
발견할 수 없었다.
그래서 이틀 걸쳐서 찾아보니까 저기 유에스비 구석 디렉토리에 박혀있었다. 깃허브만들어 놓은 파일 중 웹트렌드에 나름
정리를 해놓았던 것....
구글링해서 찾아보다가 내가 정리한 파일을 찾게되서 메모장을 봤는데 내가 정리해놓은게 더 간단...(?)하게 해놓은것 같아서
언릉 구글링을 중단하고 포스팅을 한다.ㅎㅎㅎ
Sass는 Ruby를 기반으로 만들어진 것으로, Sass를 사용하려면 Ruby를 먼저 설치해야한다. 설치방법은 간단하다.
첫번째,
https://rubyinstaller.org/ 로 들어가서 최신 버전을 다운받는다.
install를 차례로 누르다가 설치가 완료되면 윈도우+R로 cmd 창을 켜서 아래 명령으로 설치가 되었는지 확인한다.
ruby --version
두번째,
성공적으로 루비 설치를 마쳤다면, 다음으로 gem install sass 라는 명령어로 Sass를 설치한다.
오류가 뜬다면 sudo gem install sass 라는 명령어로 Sass를 설치한다.
정상적으로 설치가 되었나 확인을 위해서 sass -v 이라는 명령어를 입력하여 확인한다.
세번째,
여기서부터는 구글링을 해도 친절하게(?) 나와있는 걸 못봤다...
너무 간단해서 그런가?? 근데 난 이걸 찾고 아는데 한참걸렸다고 하면 걸렸다고 말할 수 있다.
어쨌든 Sass를 우리가 이용하는 단순한 목적이 무엇인지 생각해 보면, css를 좀더 효과적으로 그러니까 효율적이고,
시간을 아끼고, 유지보수를 원활히 하기위해 사용하는 것이 아닌가??
이걸 생각하다보면 Sass 사용이 쉬워보일지 모른다.
이제 본격적으로 다 작성한 scss 파일을 css로 컴파일 하는 일만 남았는데 더 길어질 것 같아서 다음 포스팅에서 언급하겠다.ㅎㅎ
'DEVELOP' 카테고리의 다른 글
[CSS] 중앙정렬 (0) | 2018.07.10 |
---|---|
[정보처리기사] FIFO(FCFS) 스케줄링 평균 반환 시간 구하기 (0) | 2018.04.18 |
[SASS] 이용법 2 (0) | 2017.12.17 |
GDG DEVFEST 2017 Seoul 후기 (0) | 2017.11.21 |
티스토리 방문자수 표시 숨기기 (2) | 2017.11.18 |