냐울당 햄버거 메뉴

목차

    반응형

     

    scss의 준비단계

    컴파일러를 설치해봅시다!!

     

    하드가 날아가니

    다시 설치해야 하는 게 한두 개가 아니네요.

     

    그래도 그 김에 하나라도 더 소개해드릴 수 있어서 잘됐죠?

     

    scss 컴파일러 설치


    1. 명령 프롬프트

    ① 검색

    - 시작 줄에서 [cmd]를 검색해 명령 프롬프트를 열어주세요.

    - 단축키 [window + S]를 누르면 검색창이 바로 뜬답니다.

     

     


     

    ② 명령 프롬프트

    - 이 까만 화면이 명령 프롬프트입니다.

    - scss를 사용하려면 미리 친해져 봅시다.

     

     


     

    반응형

    2. 컴파일러 설치

    ① 명령어 입력

    - 설치 방법은 명령어만 알면 간단합니다.

    - [gem install sass]를 입력해주세요. 

    - 오타가 업나 살펴보고 [엔터]키를 눌러주세요.

     

     


     

    ② 성공적인 설치

    - 엄청 길게 뭔가가 써지고 설치가 됩니다.

    - 설치가 잘 된다면 표시된 것처럼 다시 처음의 경로로 나오게 됩니다. 저는 맨 윗줄과 같이 c드라이브 쪽으로 나왔죠?

    - 여기까지 오셨다면 이제 scss를 사용하실 준비가 되셨습니다. 축하드립니다.

     

     



    3. 오류 발생 시

     

    ① 아래 세 줄을 순서대로 입력

    - [gem sources -r https://rubygems.org] 

    - [gem sources -a https://rubygems.org]]

    - [gem install sass]

     

     

     


     


     

    contact

     

    :: www.instagram.com/draw_wool/

    :: www.pinterest.co.kr/draw_wool/_created/

    :: notefolio.net/draw_wool

    :: www.behance.net/draw_wool

    :: grafolio.naver.com/draw_wool

     



     

     


     

    [같이 보면 좋은 글]

    [coding/html + css] - [sass/scss] 자동 컴파일하기

     

    [sass/scss] 자동 컴파일하기

    오늘은 scss 사용 시 컴파일하는 법을 알아보겠습니다.  1. 실행창 열기 먼저 실행창을 열어줍니다. 시작에서 실행을 검색해 여는 방법과 window + R 단축키를 눌러 여는 방법이 있습니다. *window키는

    ssimplay.tistory.com

     

    [coding/html + css] - [sass/scss] 반복 스타일 한 번에 쓰기

     

    [sass/scss] 반복 스타일 한 번에 쓰기

    css에서 스타일이 반복될 경우 한 번에 처리하는 법을 알려드릴게요. scss의 장점 중 하나죠! 1. @mixin @mixin 그룹이름{ 속성: 속성 값; } ① mixin - mixin은 반복적으로 쓰이는 스타일을 그룹화해서 사용

    ssimplay.tistory.com


    그럼 이만.

    총총.

    반응형
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바