# Sass
Project | 클래스101 클론 코딩 리뷰 (2)
클래스101의 꽃!!! 크리에이터 페이지를 만들어보자! 직접 상품을 만들어 등록할 수 있다니 얼마나 신나는가
1차 프로젝트 코드 공유 - scss의 @mixin,@extend
1차프로젝트를 진행하면서 인상깊었던 코드와 작업물을 공유하고 싶습니다 - sass편
[TIL] & [TIW] Conditional operator(JS), Nesting(SCSS)
\-- Layout Properties (position, float, clear, display)\-- Box Model Properties (width, height, margin, padding)\-- Visual Properties (color, backgrou
SASS와 SCSS
css는 원시적인 문법이기에 고도화된 작업에서는 불편한 경우도 있다. css preproceccor(전처리기) 전처리기를 컴파일하는 작업이 필요하다 전처리기는 css문법과 굉장히 유사하지만 표준 css보다 많은 기능을 사용해 편리하게 작성이 가능하다. 웹에서는 동작하지
sass3. 변수, 중첩, 파편화, 믹스인
저번 시간에는 sass와 scss를 비교해봤습니다. 이번에는 sass의 특징 곧, 그 문법에 대해 구체적으로 알아보자
Sass2. sass와 scss의 비교
저번 시간에 Sass의 정의와 설치방법에 대해 알아보았습니다.이번 시간에는 sass와 scss의 차이점을 알아보겠습니다
TIL2(2020.12.07)
js에서 반복적이고 자주 사용되는 작업을 자동화해주는 툴(또는 빌드 시스템)작업시간을 줄일 수 있어 생산성 향상에 큰 도움이 됨Grunt 또는 webpack과 비교됨js 라이브러리, 서드파티 앱 등을 모으고 축소/압축단위테스트(unit test) 수행less/css 컴
TIL 8
Syntactically Awesome Style Sheets 의 약자로 CSS를 확장한 언어이다.Sass 는 Sass표기법(.sass)과 Scss표기법(.scss)이 존재하는데, Sass 3.0부터 기본 표기법으로 채택된 Scss(sassy CSS) 사용을 권장하고
Sass의 강력함
요번 주는 Sass에 대해 배웠다.Sass를 배우기전에는 왜 굳이 Sass같은 복잡한 css를 사용해서 css를 작성하는지 의구심이 많았고 배우기 싫었다. 첫 마크업때 클래스명과 시멘틱 태그들을 적절히 사용해서 페이지들이 서로 겹쳐져 무너지지 않게 css를 짜야겠다.
sass설치중 오류
분명 sass는 잘 설치가 되어있는데....버전도 4.14.4로 5.00.0이 아닌 하위 버전으로 잘 설치했구만...리액트에선 계속 compile할수 없다고 오류를 띄운다./src/Detail.scss (./node_modules/css-loader/dist/cjs.j
React Router & Sass
라우팅(Routing)이란 다른 경로(주소)에 따라 다른 화면(View)를 보여주는 것이다. 리액트 자체에는 이러한 기능이 내장되어 있지 않기 때문에 Third Party Library중 하나인 React-Router를 설치해서 사용한다. 이러한 이유가 리액트가 Fra
2020.12.01 TIL ( Sass )
다음 것들은 공식 문서에서 읽은 sass 의 기능들을 정리해둔 것입니다. 하지만 오늘 보고 몇 가지 기능만을 정리 해둔 것이기에, 내용이 부실하니 지금 보고 계시다면 참고만 해주세요! 아직 풀리지 않은 궁금증들은 맨 아래에 적어뒀습니다.Preprocessing ?Var
