# nesting

7개의 포스트
post-thumbnail

[SCSS] SCSS 문법2 - Nesting

Nesting은 '중첩'이라는 뜻을 가진 단어입니다. SCSS(SASS)는 중첩이라는 기능을 지원해서 기존 CSS에서 셀렉터를 활용하는데 발생했던 여러 불편함들을 없애주고 있습니다.예를들어 CSS에서 어떤 자식요소를 선택하기 위해서는 다음과 같이 사용했어야 했습니다.C

2022년 5월 4일
·
0개의 댓글

TIL - python if

if문에서 반복되는 컨디션을 중첩 if문을 활용하여 제거해주는 것이 좋다.(왜? 코드는 가독성이 높게, 간결하게 작성하는 것이 더 좋은 코드이기 때문)위와 같은 이유로, nesting 또한 2단계 이상 중첩을 지양.1) a=0, b=0 >> 해가 무수히 많다.2) a=

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

리액트-SASS 사용방법

SASS는 CSS가 너무 길어졌을 때 변수, 함수, 반복문 등을 사용해서 보다 간결하게 코드를 작성할 수 있다. 변수사용, @import, nesting(셀렉터 안에 셀렉터 작성), extends문법, @mixin / @include문법 등이 있다.

2022년 1월 27일
·
0개의 댓글
post-thumbnail

React - SASS

SASS 🎨 > sass는 css 전 처리기 입니다. sass 문법이 css로 변환해주는 것! nesting, mixin, 변수 를 이용해 스타일시트의 유지보수와 가독성을 좋게 만들어 줍니다. 설치방법 --save 를 적는이유는 package.json 설치된 패키

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

SCSS _ 개념

variables nesting mixins extends responsive mixin

2021년 10월 18일
·
0개의 댓글
post-thumbnail

Design #8 HOW WEB PAGES WORK

본 블로그의 포스팅 내용은 Udemy Vako Shvili의 "Complete Web Design: from Figma to Webflow to Freelancing" 강의 내용의 일부입니다.

2021년 5월 17일
·
0개의 댓글

TIL#12. 하루이틀 밀리다보니..끝없이 밀리네

후...TIL이여 하루 이틀 밀리고...좀더 정리해서...밀렸던거부터 써야지 하다보니 원 부트캠프 끝날지경 안되겠다. 오늘은 react로 만들어놓은 위스타그램을 서버에 연동하여 회원가입, 로그인기능을 만들었다! 프론트엔드와 백엔드와의 대 화합 🧙‍♂️ [CSS] S

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