본문 바로가기

DEVELOP

[SASS] 이용법 1

728x90



분명히 저번에 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