본문 바로가기

fffo

검색하기
write
fffo
프로필사진 gggs

  • 분류 전체보기 (132)
    • Programming (128)
      • Javascript (37)
      • Algorithm (86)
      • React (1)
      • C, C++ (0)
      • Refactoring (0)
      • HTML, CSS (4)
    • 후기, 기타 글 (1)
Guestbook
«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
Recent Posts
Tags
  • 42서울
  • This
  • 뇌를 자극하는 알고리즘
  • 실행환경
  • wanted-pre-onboarding
  • 네이밍 컨벤션
  • 스택/큐
  • CRUD w ReactQuery
  • 이분탐색
  • react
  • SCSS
  • 나중에 고쳐야 될 것들 골뱅이 검색
  • 코테뿌수기
  • typescript
  • Google Calendar Advanced
  • 개인프로젝트
  • 다시보기
  • 라피신
  • 모던 자바스크립트 deep dive
  • teave
more
Link
  • github
  • velog
관리 메뉴

목록SCSS (1)

fffo

SCSS(SASS) 간단 사용법

1. SCSS(SASS)란? css의 전처리기. css를 보다 효율적으로 작성할 수 있게 문법이 개선된 방법으로, 작성 후 css로의 변환이 필요함 1.1. css로 변환 nodejs의 sass패키지 이용 npm install -g sass sass [target] [source] 예시 : sass -w style.css scss/style.scss -w 옵션을 통해 소스파일의 변화를 감지해서 실시간 변환 가능 gulp 등의 taskrunner를 통해 자동화 가능 2. 문법 기본적인 문법은 css와 동일하고 추가적인 문법 존재 2.1. nesting 부모자식 관계에 따라 nesting이 가능 nest 안에서 &로 nesting하고 있는 셀렉터를 치환 가능 &로 치환되는 셀렉터는 문자만 치환되기 때문에 뒤..

Programming/HTML, CSS 2022. 2. 10. 17:12
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바