# Sass

345개의 포스트
post-thumbnail

멋사_프론트엔드스쿨_3기 DAY-19

멋사_프론트엔드스쿨_3기 DAY-19

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

Sass(scss) 정리

예전에 한 번 sass 정리를 한 적이 있지만 Mixin 같은 기능을 제대로 쓰지 않고 중첩만 쓰기 때문에,, 이번 기회에 다시 정리하여 효율적으로 써보고자 정리를 해본다,,,, >>예전에 했던 sass 정리 https://velog.io/@jhyun_k/HTMLCSS

1일 전
·
1개의 댓글
·
post-thumbnail

[Sass] 소개,파일 분리, Nesting, 앰퍼샌드(&)

Sass를 배우고 블로그에 정리하고 싶었습니다...교안 따라치기는 그만하려 했지만 꼭 남겨보고 싶었습니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!스타일시트가 점점 더 커지고 복잡해지면 유지보수가 어렵다.Sass안에 있는 변수, 네이스팅, 믹스인, 가져오기,

2일 전
·
2개의 댓글
·
post-thumbnail

멋사_프론트엔드스쿨_3기 DAY-18

멋사_프론트엔드스쿨_3기 DAY-18

3일 전
·
1개의 댓글
·
post-thumbnail

Sass 사용해보기

Sass(Syntacically Awesome Style Sheets)의 약어로, CSS pre-processor로서, 복잡한 작업을 쉽게 할수 있게 해주고, 코드의 재활용성을 높여줄 뿐만 아니라, 코드의 가독성을 높여주며 유지보수를 쉽게 해주는 것이다.Sass에서는

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

SCSS

CSS보다 심플한 표기법, CSS를 구조화하여 표현 가능즉, 가독성 및 재사용성을 높여주어 유지보수가 용이해짐선택자의 중첩(Nesting)을 통해 반복되는 부모요소 선택자 사용을 줄일수 있다.변수(Variable)을 사용해서 CSS 속성값을 통일해서 관리할 수 있다.프

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

BEM 방식의 Sass작성하기

BEM 방식으로 Sass를 작성할 경우의 장점에 대해 알아보고, css 코드와 Sass 코드를 비교한다.

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

Sass의 기본 문법

Sass의 기본 문법에 대하여 학습한다.

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

Sass Basic

Sass 기본 정리

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

[Sass] Sass의 정의와 특징

sass를 한번 쓰게 되면 다시는 css로 못돌아갈 만큼 편리한 sass에 대해서 알아보자!!

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

variables

변수

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

[fastcampus] 30개의 프로젝트로 배우는 프론트엔드 with React (3-1)

date picker를 구현해 봅니다 (snowpack, sass plugin, 날짜 조회기능 구현1)

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

Sass / Scss

사용법 / 7-1 패턴

2022년 9월 11일
·
0개의 댓글
·

위스타그램 코드리뷰 정리

위코드 파운데이션 과정을 들으며 정리한 내용입니다.만드는 사람이 불편해야 쓰는 사람이 덜 불편합니다. 초기에 하는 작업들이 귀찮아도 잘 해두면, 훗날의 나에게, 다른 개발자에게, 서비스 사용자에게 좋은 경험을 줄 수 있습니다. 지금 프로젝트는 팀원들과 머지하지 않지만,

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

CSS의 역사

image가장 전통적인 CSS 방식에는 크게 3가지 방식이 존재한다.Inline CSS(- Internal CSS(- External CSS(일반적으로 간단하게 태그안에 style을 적용하는 방법HTML 페이지에 쉽고 빠르게 CSS 룰을 삽입할 수 있다.변경에 대한 미

2022년 9월 7일
·
0개의 댓글
·

SCSS 사용하기

SCSS는 CSS를 편하게 사용하고 코딩하듯이 사용하기 위해서 만들어졌다. Sass 버전 3에 추가된 것이 Scss이다.

2022년 9월 4일
·
0개의 댓글
·
post-thumbnail

[리액트를 다루는 기술] sass와 scss

sass는 세미콜론과 중괄호가 없음scss가 우리가 아는 css와 가까워서 난 scss가 더 좋음$를 이용해 변수 선언 / 사용할 때도 $ 붙여주기@mixin 사용하여 함수 생성 / 사용할 때 @include&는 부모 요소를 뜻함@import로 불러오기~ 표시는 nod

2022년 9월 3일
·
0개의 댓글
·
post-thumbnail

Custom Component

디자인과 개발 단계에서부터 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발하기위해 등장한 개발 방법이 CDD(component Driven Development)이다.\-> 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행할

2022년 9월 3일
·
0개의 댓글
·

사스 Sass

위코드 파운데이션 과정을 들으며 정리한 내용입니다.기존 CSS 문법의 불편함을 개선하고자 나온 기술이 CSS 전처리기입니다. CSS 전처리기의 문법으로 파일을 작성하면, 실제 실행 전 브라우저가 읽을 수 있는 CSS 파일로 변환해줍니다. CSS 전처리기에는 많은 종류가

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

Router & Sass

개요 웹페이지와 웹사이트웹페이지는 웹브라우저를 통해 화면에 보여지는 페이지를 의미한다. 웹사이트는 웹페이지들을 다양한 방법으로 묶은 모음을 말한다.주소창 경로입력\-> 경로마다 존재하는 html/css/js파일 받아서 렌더링함. 웹페이지마다 두개 이상의 html이 존재

2022년 8월 29일
·
0개의 댓글
·