# Sass
Sass(scss) 정리
예전에 한 번 sass 정리를 한 적이 있지만 Mixin 같은 기능을 제대로 쓰지 않고 중첩만 쓰기 때문에,, 이번 기회에 다시 정리하여 효율적으로 써보고자 정리를 해본다,,,, >>예전에 했던 sass 정리 https://velog.io/@jhyun_k/HTMLCSS
[Sass] 소개,파일 분리, Nesting, 앰퍼샌드(&)
Sass를 배우고 블로그에 정리하고 싶었습니다...교안 따라치기는 그만하려 했지만 꼭 남겨보고 싶었습니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!스타일시트가 점점 더 커지고 복잡해지면 유지보수가 어렵다.Sass안에 있는 변수, 네이스팅, 믹스인, 가져오기,
Sass 사용해보기
Sass(Syntacically Awesome Style Sheets)의 약어로, CSS pre-processor로서, 복잡한 작업을 쉽게 할수 있게 해주고, 코드의 재활용성을 높여줄 뿐만 아니라, 코드의 가독성을 높여주며 유지보수를 쉽게 해주는 것이다.Sass에서는
SCSS
CSS보다 심플한 표기법, CSS를 구조화하여 표현 가능즉, 가독성 및 재사용성을 높여주어 유지보수가 용이해짐선택자의 중첩(Nesting)을 통해 반복되는 부모요소 선택자 사용을 줄일수 있다.변수(Variable)을 사용해서 CSS 속성값을 통일해서 관리할 수 있다.프
[fastcampus] 30개의 프로젝트로 배우는 프론트엔드 with React (3-1)
date picker를 구현해 봅니다 (snowpack, sass plugin, 날짜 조회기능 구현1)
위스타그램 코드리뷰 정리
위코드 파운데이션 과정을 들으며 정리한 내용입니다.만드는 사람이 불편해야 쓰는 사람이 덜 불편합니다. 초기에 하는 작업들이 귀찮아도 잘 해두면, 훗날의 나에게, 다른 개발자에게, 서비스 사용자에게 좋은 경험을 줄 수 있습니다. 지금 프로젝트는 팀원들과 머지하지 않지만,
CSS의 역사
image가장 전통적인 CSS 방식에는 크게 3가지 방식이 존재한다.Inline CSS(- Internal CSS(- External CSS(일반적으로 간단하게 태그안에 style을 적용하는 방법HTML 페이지에 쉽고 빠르게 CSS 룰을 삽입할 수 있다.변경에 대한 미
[리액트를 다루는 기술] sass와 scss
sass는 세미콜론과 중괄호가 없음scss가 우리가 아는 css와 가까워서 난 scss가 더 좋음$를 이용해 변수 선언 / 사용할 때도 $ 붙여주기@mixin 사용하여 함수 생성 / 사용할 때 @include&는 부모 요소를 뜻함@import로 불러오기~ 표시는 nod
Custom Component
디자인과 개발 단계에서부터 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발하기위해 등장한 개발 방법이 CDD(component Driven Development)이다.\-> 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행할
사스 Sass
위코드 파운데이션 과정을 들으며 정리한 내용입니다.기존 CSS 문법의 불편함을 개선하고자 나온 기술이 CSS 전처리기입니다. CSS 전처리기의 문법으로 파일을 작성하면, 실제 실행 전 브라우저가 읽을 수 있는 CSS 파일로 변환해줍니다. CSS 전처리기에는 많은 종류가
Router & Sass
개요 웹페이지와 웹사이트웹페이지는 웹브라우저를 통해 화면에 보여지는 페이지를 의미한다. 웹사이트는 웹페이지들을 다양한 방법으로 묶은 모음을 말한다.주소창 경로입력\-> 경로마다 존재하는 html/css/js파일 받아서 렌더링함. 웹페이지마다 두개 이상의 html이 존재