mystery

    SCSS 1

    react - SCSS

    자 이제 SCSS가 무엇이냐 하면 CSS를 프로그래밍 언어스럽게 작성가능하게 만드는 친구임 CSS에서 변수, 연산자, 함수 등등 요런 아이들을 사용할 수 있게 해주는 친구란다. 근데 또 이걸 쓰려니깐 브라우저는 SCSS 문법을 모른다. CSS 문법을 알고 있을뿐 그래서 SCSS로 짜놓은 것을 CSS로 컴파일 해주는 친구가 필요함. 고로 터미널에 npm install node-scss ㄱㄱ 이 친구가 그 친구임. 사용법은 아주 간단하다. Detail.js 파일에 대한 SCSS 파일을 만들었다. 위 사진처럼 기본적인 셋팅을 하고나서 본격적으로 문법을 배워보자. 첫번째 SCSS에서는 변수에 데이터를 저장해서 쓸 수 있다. 내가 자주 사용할 색상이 있다면....? 위에 사진에서는 '#ff0000'이라는 색상을 ..

    Frontend/React 2021.06.09
    이전
    1
    다음
    더보기
    프로필사진

    공부는 평생 하는 거라 했습니다.

    • make it happen (124)
      • 프로젝트 (5)
      • Frontend (80)
        • React (16)
        • TanStack Query (2)
        • Redux (5)
        • TS (7)
        • JS (6)
        • JS.info 정리 (44)
      • CS (1)
      • Network (1)
      • Infra (1)
      • Data Structure (2)
      • Algorithm (2)
      • Testing (2)
      • 알아두면 좋은 꿀팁들 (3)
      • 목표와 회고 (17)
      • 나를 죽이지 못한 삽질들 (5)
      • 개발 환경 (3)
      • Git (2)

    최근댓글

    Calendar

    «   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

    방문자수Total

    • Today :
    • Yesterday :

    Copyright © Kakao Corp. All rights reserved.

    • github

    티스토리툴바