Ubuntu 16.04 / SASS 설치하는 방법

우분투 16.04에 SASS를 설치하는 방법은 두 가지가 있습니다.

방법 1

apt install ruby-sass

방법 2

apt install ruby
gem install sass

설치되었는지 확인하는 방법

sass -v

SASS 버전이 출력되면 제대로 설치된 것입니다.

Sass 3.4.23 (Selective Steve)

참고

최신 버전의 SASS를 사용하고 싶다면 방법 2로 설치합니다.

같은 카테고리의 다른 글

Ubuntu 16.04 Server / logrotate 설치하고 설정하기

우분투(Ubuntu)는 여러 작업의 내용을 로그(Log) 파일로 남깁니다. 예를 들어 웹서버 운영과 관련된 로그는 /var/log/apache2에 있습니다. 로그는 기본적으로 하나의 파일에 계속 추가하는 것이어서, 시간이 지날수록 파일의 크기가 커집니다. 로그 파일의 크기가 너무 커지면, 시스템이 느려지거나 다운되기도 합니다. 이러한 문제를 해결해주는 패키지가 logrotate입니다. 로그 파일이 일정 기준을 충족하면 기존 로그 파일을 다른 이름으로 변경하여 저장하고 ...

당구 / 길 / 바운딩

당구 / 길 / 바운딩

상단 당점으로 밀어쳤을 때 수구가 휘어지는 현상을 이용하는 것을 바운딩이라고 한다. 밀어치는 정도와 회전을 이용하여 여러 가지 응용이 가능하다. 원 쿠션 투 바운딩 바운딩의 기초는 아래의 형태를 성공시키는 것이다. 수구를 쿠션에 붙여놓으면 밀어치기가 수월해진다. 두께 100%로 밀어치면, 단 쿠션에 두 번 맞고 장 쿠션에 한 번 맞는다. 위의 배치에 자신이 생기면, 수구를 쿠션에서 뗀다. ...

안드로이드 / 앱 / 카카오뱅크 / 후불교통카드 사용 내역 확인하는 방법

안드로이드 / 앱 / 카카오뱅크 / 후불교통카드 사용 내역 확인하는 방법

카카오뱅크에서 체크카드를 만들 때 후불 교통 카드 기능을 넣을 수 있습니다. 대중 교통을 이용할 때 바로 돈이 나가는 게 아니라, 한 달치를 모아서 다음 달 10일에 납부하게 됩니다. 잔고가 없어도 사용할 수 있으므로, 가능하다면 후불 교통 카드가 편합니다. 대신 교통 카드 이용 내역을 확인하는 것은 좀 번거롭습니다. 통장 거래 내역에 나오지 ...

포토샵 / 아이콘 폰트 Font Awesome 사용하는 방법

포토샵 / 아이콘 폰트 Font Awesome 사용하는 방법

Font Awesome은 아이콘 폰트입니다. 모양은 아이콘이지만 글자처럼 사용할 수 있습니다. 즉, 크기를 변경하거나 색을 바꾸거나 하는 작업이 그림보다는 쉽다는 것입니다. 보통 웹에서 HTML 코드로 사용하지만, 포토샵에서도 사용할 수 있습니다. Font Awesome 4를 어떻게 포토샵에서 사용하는지 알아보겠습니다.(Font Awesome 5는 아이콘별로 SVG를 제공하므로, SVG 파일을 다운로드하여 사용하면 됩니다.) https://fontawesome.com/v4.7.0/get-started/에서 폰트를 다운로드합니다. Font Awesome 5를 사용하라는 ...

리눅스 / 커널 / 버전 확인하는 방법

리눅스 커널 버전을 확인하는 방법은 여러 가지가 있습니다. 그 중 자주 사용하는 방법 두 가지를 소개합니다. uname uname 명령어는 시스템 정보를 출력하는 데 사용됩니다. -r 옵션을 사용하여 커널 버전을 확인할 수 있습니다. # uname -r 6.8.0-35-generic hostnamectl hostnamectl 명령어는 시스템의 호스트 이름과 관련된 정보를 관리하고 표시합니다. 여기에는 커널 버전 정보도 포함됩니다. # hostnamectl Static hostname: ubuntu-24-01 ...

위키(Wiki) / 역사, 특징, 장점, 단점 및 사용 사례 분석

위키(Wiki)는 다수의 사용자들이 협력하여 콘텐츠를 작성하고 편집할 수 있는 웹사이트의 한 형태입니다. 위키는 하와이 말로 "빠르다"는 뜻을 가진 "위키위키(wikiwiki)"에서 유래되었으며, 그 특성상 빠르고 유연하게 정보를 추가하고 수정할 수 있습니다. 이러한 특성 덕분에 위키는 정보 공유와 협업을 위해 널리 사용되고 있습니다. 역사 위키의 시작은 1995년으로 거슬러 올라갑니다. 워드 커닝햄(Ward Cunningham)이 최초의 위키인 "위키위키웹(WikiWikiWeb)"을 ...

Brackets / 언어 변경하는 방법

Brackets / 언어 변경하는 방법

Brackets는 다국어를 지원합니다. 원하는 언어로 사용할 수 있습니다. 언어 변경은 다음 순서로 합니다. 상단 메뉴에서 디버그(Debug)를 클릭하고 언어 변경(Switch Language)을 클릭합니다. 언어를 선택하고 Brackets 재시작(Reload Brackets)를 클릭합니다. 브라켓이 재시작 되면서 언어가 변경됩니다.

크롬 / 유튜브 영상 끊김 해결하는 방법

크롬 / 유튜브 영상 끊김 해결하는 방법

노트북을 샀다. 모니터 주사율 144Hz의 게이밍 노트북. 별도의 모니터와 연결하여 듀얼 모니터로 사용하고 있는데, 예상치 못한 문제가 발생했다. 외부 모니터와 연결된 상태에서, 크롬 웹브라우저로, 노트북 모니터로 유튜브 영상을 보면 뚝뚝 끊긴다. 외부 모니터에서 볼 때는 문제가 없고... 주사율을 변경하는 등 여러 가지 방법을 시도해보았는데, 해결책은 크롬 설정에 있었다. 에서 [가능한 경우 하드웨어 가속 ...

PuTTY / 사용법 / 백업하는 방법, 복원하는 방법

PuTTY / 사용법 / 백업하는 방법, 복원하는 방법

PuTTY를 사용할 때 여러 접속 정보를 저장하여 사용합니다. 그런데 그 접속 정보를 내보내고 가져오는 기능은 없습니다. 만약 컴퓨터 포맷, 다른 컴퓨터에서 사용 등의 이유로 접속 정보를 백업하고 복원하고 싶다면, 레지스트리를 이용합니다. 그 정보들을 레지스트리에 저장하기 때문입니다. 백업 WIN+R을 눌러 실행 창을 엽니다. regedit을 입력하고 을 클릭합니다. 왼쪽을 확장하면서 \HKEY_CURRENT_USER\SOFTWARE\SimonTatham로 찾아 들어갑니다. 마우스 우클릭 후 를 ...

일러스트레이터(Illustrator) 대체 프로그램 7가지

Adobe Illustrator는 벡터 그래픽 디자인 소프트웨어의 표준이지만, 고가의 가격 때문에 대체 프로그램을 찾는 사람들이 많다. 아래는 다양한 기능을 제공하면서 저렴하거나 무료로 사용할 수 있는 Illustrator 대체 프로그램이다. 1. Inkscape 특징 : 무료 오픈 소스 벡터 그래픽 에디터로, Illustrator와 유사한 기능을 제공한다. SVG 파일 포맷을 기본으로 사용하며, 다양한 파일 포맷을 지원한다. 장점 : 무료, ...