본문 바로가기

jineecode

검색하기
jineecode
프로필사진 지니코딩

  • 분류 전체보기 (192)
    • HTML (5)
    • CSS (10)
      • SCSS (1)
      • Bootstrap (0)
      • css in js (2)
    • JS (80)
      • react (34)
      • node.js (1)
      • jquery (9)
      • Typescript(공개용) (4)
    • React-Query (2)
    • php (5)
    • python (3)
    • JAVA (4)
    • tip (7)
    • git (11)
    • Review (5)
    • 챌린지 (7)
      • javascript30 (1)
    • 지식 (20)
      • 정보처리기사 (13)
    • 기타 (5)
    • 회고록 (6)
    • React native (20)
    • 보안 (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
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
29 30
Tags
  • Review
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록CSS/SCSS (1)

jineecode

SASS

SASS(Syntactically Awesome Style Sheets)는 CSS pre-processor (전처리기) 로서, CSS를 프로그래밍 언어스럽게 작성할 수 있다. SASS는 변수, 함수, 반복문, 연산자 등을 사용할 수 있으며 SASS 문법으로 복잡한 작업을 쉽게 할 수 있게 해주고 코드의 재활용성을 높여줄 뿐만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게 해준다. Sass 에서는 두가지의 확장자 (.scss/.sass) 를 지원하며 보통 scss 문법이 더 많이 사용된다. 인스톨 방법 npm install node-sass 문법 1. 변수 사용 scss파일에선 변수를 사용할 수 있다. $main : #ff0000; .red { color : $main; } css에서 비슷한 기능인 :..

CSS/SCSS 2021. 5. 7. 23:18
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바