# Sass

87개의 포스트
post-thumbnail

Project | 클래스101 클론 코딩 리뷰 (3)

상품을 만들었다면 이제 강의를 직접 만들어보자.

5일 전
·
0개의 댓글
post-thumbnail

Project | 클래스101 클론 코딩 리뷰 (2)

클래스101의 꽃!!! 크리에이터 페이지를 만들어보자! 직접 상품을 만들어 등록할 수 있다니 얼마나 신나는가

5일 전
·
0개의 댓글
post-thumbnail

Project | 클래스101 클론 코딩 리뷰 (1)

클래스101의 클론할건데 우리 넘나 클나쓰... 카카오 로그인과 공용 컴포넌트들을 만들어보자.

5일 전
·
0개의 댓글
post-thumbnail

1차 프로젝트 코드 공유 - scss의 @mixin,@extend

1차프로젝트를 진행하면서 인상깊었던 코드와 작업물을 공유하고 싶습니다 - sass편

2021년 1월 3일
·
0개의 댓글

[TIL] & [TIW] Conditional operator(JS), Nesting(SCSS)

\-- Layout Properties (position, float, clear, display)\-- Box Model Properties (width, height, margin, padding)\-- Visual Properties (color, backgrou

2020년 12월 29일
·
0개의 댓글

SASS와 SCSS

css는 원시적인 문법이기에 고도화된 작업에서는 불편한 경우도 있다. css preproceccor(전처리기) 전처리기를 컴파일하는 작업이 필요하다 전처리기는 css문법과 굉장히 유사하지만 표준 css보다 많은 기능을 사용해 편리하게 작성이 가능하다. 웹에서는 동작하지

2020년 12월 22일
·
0개의 댓글
post-thumbnail

sass3. 변수, 중첩, 파편화, 믹스인

저번 시간에는 sass와 scss를 비교해봤습니다. 이번에는 sass의 특징 곧, 그 문법에 대해 구체적으로 알아보자

2020년 12월 21일
·
0개의 댓글
post-thumbnail

Sass2. sass와 scss의 비교

저번 시간에 Sass의 정의와 설치방법에 대해 알아보았습니다.이번 시간에는 sass와 scss의 차이점을 알아보겠습니다

2020년 12월 18일
·
0개의 댓글

About SCSS & Styled-components 비교

scss/styled-components

2020년 12월 10일
·
0개의 댓글

TIL2(2020.12.07)

js에서 반복적이고 자주 사용되는 작업을 자동화해주는 툴(또는 빌드 시스템)작업시간을 줄일 수 있어 생산성 향상에 큰 도움이 됨Grunt 또는 webpack과 비교됨js 라이브러리, 서드파티 앱 등을 모으고 축소/압축단위테스트(unit test) 수행less/css 컴

2020년 12월 10일
·
0개의 댓글
post-thumbnail

TIL 8

Syntactically Awesome Style Sheets 의 약자로 CSS를 확장한 언어이다.Sass 는 Sass표기법(.sass)과 Scss표기법(.scss)이 존재하는데, Sass 3.0부터 기본 표기법으로 채택된 Scss(sassy CSS) 사용을 권장하고

2020년 12월 6일
·
0개의 댓글
post-thumbnail

Sass의 강력함

요번 주는 Sass에 대해 배웠다.Sass를 배우기전에는 왜 굳이 Sass같은 복잡한 css를 사용해서 css를 작성하는지 의구심이 많았고 배우기 싫었다. 첫 마크업때 클래스명과 시멘틱 태그들을 적절히 사용해서 페이지들이 서로 겹쳐져 무너지지 않게 css를 짜야겠다.

2020년 12월 6일
·
0개의 댓글
post-thumbnail

sass설치중 오류

분명 sass는 잘 설치가 되어있는데....버전도 4.14.4로 5.00.0이 아닌 하위 버전으로 잘 설치했구만...리액트에선 계속 compile할수 없다고 오류를 띄운다./src/Detail.scss (./node_modules/css-loader/dist/cjs.j

2020년 12월 3일
·
0개의 댓글
post-thumbnail

sass1. 정의 및 설치방법

SASS가 무엇인지 그리고 SASS설치방법에 대해서 알아보자

2020년 12월 3일
·
0개의 댓글
post-thumbnail

React Router & Sass

라우팅(Routing)이란 다른 경로(주소)에 따라 다른 화면(View)를 보여주는 것이다. 리액트 자체에는 이러한 기능이 내장되어 있지 않기 때문에 Third Party Library중 하나인 React-Router를 설치해서 사용한다. 이러한 이유가 리액트가 Fra

2020년 12월 3일
·
0개의 댓글

2020.12.01 TIL ( Sass )

다음 것들은 공식 문서에서 읽은 sass 의 기능들을 정리해둔 것입니다. 하지만 오늘 보고 몇 가지 기능만을 정리 해둔 것이기에, 내용이 부실하니 지금 보고 계시다면 참고만 해주세요! 아직 풀리지 않은 궁금증들은 맨 아래에 적어뒀습니다.Preprocessing ?Var

2020년 12월 1일
·
0개의 댓글
post-thumbnail

Project | 오늘의집 클론 코딩 리뷰 (4)

: 장바구니와 모달창 등을 구현해보자!! 그리고 소감 한마디...

2020년 11월 29일
·
0개의 댓글
post-thumbnail

Project | 오늘의집 클론 코딩 리뷰 (3)

제품 상세 페이지를 만들어보자!! 수 많은 옵션들.... 라이브러리 없이도 만들 수 있다.

2020년 11월 29일
·
3개의 댓글
post-thumbnail

Project | 오늘의집 클론 코딩 리뷰 (1)

오늘이 있으면 내일도 있는법, 오늘의 집과 아주 닮은 내일의 집을 클론해보자.

2020년 11월 29일
·
8개의 댓글