SASS 설치를 위한 조건
sass를 설치하기 위해서는 Ruby가 있어야 한다고 한다. 다행히 맥에서는 기본으로 Ruby가 설치되어 있고, 윈도우의 경우에는 sass 설치 전, Ruby 설치를 해야한다. 그럼에도 mac에서 sass설치가 제대로 되지 않아 몇시간 동안 시간을 잡아먹었다. 컴맹인 나는 이유도 모른채 열심히 찾고 찾아서 겨우 설치에 성공했다.
설치에 실패하는 이유?
잘은 모르겠지만 찾아보니 대충 이러한 이유들이라고 한다.
1. 루비 버전이 너무 낮은 것
2. xcode와 같은 것들이 설치되어야만 하는것(이유 멀라염ㅇ_ㅇ)
3. mac os 버전에 따라 다른 것
일단 나의 경우에는 암호같은 터미널도 너무 낯설었고, 패스워드에서 멘붕이 잠시 왔다. 누군가가 말안해줬더라면, 아마 설치를 포기했을 것 같은 느낌...! 패스워드 창이 떴을때 어떤걸 입력해도 반응이 없더라도, 입력되고 있는 상황이니 그대로 비밀번호를 입력하면 된다(나같은 컴맹들은 꼭 주의해야 함!)
첫번째, 설치 방법
1. 터미널 열기
2. 아래 내용 입력 후 Enter
: 나의 경우는 sudo없이 했을 때 반응이 있었다. 둘 중에 반응 있는걸로 계속 쓰면된다..(실패할경우에엽..)
다운로딩 되는 것처럼 보여지면 성공에 가까워진것임!
sudo gem install sass 혹은 gem install sass
3. 비밀번호 입력 후 Enter
: 로그인시 비밀번호, 입력해도 아무런 변화가 없으나 그냥 입력하고 엔터 누르면 됩니다.)
4. 버전 정보확인, 0.00.0 식으로 버전명이 뜨면 성공!
: 이것 역시, -v는 이상한 내용으로 쌸라쌸라했고, sass —version에서 반응하길래 줄곧 이걸로 설치가 되었는지 확인했었다.
sass -v 혹은 sass —version
이렇게 해서 설치된다면 좋으련만...
한 백몇줄의 이상한 내용과 함께, 눈에 띄는 에러 쌸라쌸ㄹ.....
ERROR: Error installing sass:
ERROR: Failed to build gem native extension.
그래서 찾아봤더니 Ruby의 버전 문제일 수 있다는 내용을 찾았고 아래와 같이 진행해봤다.
Ruby 버전 업그레이드와 Xcode설치하는 두번째 방법
1. 터미널 열기
2. 아래 내용 입력 후 Enter
brew update
3. 그리고 다시 설치를 도전해봐도 좋을 것 같지만, xcode도 깔아야 보라길래.. 시키는 대로...
xcode-select --install
3. xcode의 라이센스에도 동의해줘야 문제가 없다기에 또 시키는대로..
sudo xcodebuild -license
4. 여기서부터 위와 동일하게 입력 후 Enter, 다운로딩 되는것처럼 보여지면 성공에 가까워진것임!
sudo gem install sass 혹은 gem install sass
5. 버전 정보확인, 0.00.0 식으로 버전명이 뜨면 성공!
sass -v 혹은 sass —version
그래도 안된다고!?
마지막 방법(catallina os 버전자들 추천!!!)
1. 터미널 열기
2. 아래 내용 입력 후 Enter
: 여러번의 도전했고 남아있는게 문제될 수 있으니 sass 삭제하고 시작!
gem uninstall sass
3. 아래 내용 입력 후 Enter(뭔지 잘모름...)
brew install sass/sass/sass
3. 아래 내용 입력 후 Enter(이것도 뭔지 잘모름...)
brew link --overwrite sass
4. 버전 정보확인, 0.00.0 식으로 버전명이 뜨면 성공!
sass -v 혹은 sass —version
오예!
드디어 성공!!!
1.32.8 버전확인성공!!
세번째 방법에서 설치를 끝냈지만, 저 과정도 상당히 여러번했던 것 같다.
터미널 1도 모르지만 터미널도 지저분한거 같아서 껐다가 다시 켜서 해보고 했다.
다들 열공하시고 화이팅하시길!!
'✍🏻_Study > ✓ 공부' 카테고리의 다른 글
[라이브러리] 간단하게 css로 animate 적용하는 Bounce.js (0) | 2022.05.10 |
---|---|
[css] 간단하게 css로 3D card 뒤집는 애니메이션 효과 (0) | 2022.03.18 |
웹퍼블리셔과정 6~10일차_transition, transform (2) | 2021.03.04 |
[후기] 웹디자인기능사 필기시험 합격과 필기요점정리, 요약 (1) | 2021.02.26 |
UI/UX 웹퍼블리셔 과정 3~5일차 (2) | 2021.02.25 |
댓글