SCSS(시작하기)

Dev_Go·2022년 7월 27일
0

SCSS

목록 보기
2/13
post-thumbnail

SCSS 시작하기


  1. package.json 파일 생성
    npm init -y

  2. 개발자 서버에 parcel-bundler 설치
    npm i -D parcel-bundler

  3. parcel-bundler가 SCSS파일을 자동으로 CSS파일로 변환시켜 브라우저에 적용한다.

  4. package.json파일 보면 자동으로 필요한 모듈을 설치해줬다.

CodePen에서 SCSS 사용방법

  1. CSS 코드작성 칸 상단에 톱니바퀴 클릭

  2. 전처리기 부분에 SCSS선택하고 저장

  3. 성공!

profile
프론트엔드 4년차

0개의 댓글