# Sass

175개의 포스트

React - react router, sass

SPA(single Page Application)에서 화면을 전환하는 Routing, 스타일링을 편하게 해주는 CSS 전처리기(Preprocessor)에 대하여..페이지 수만큼 html 파일이 존재 - MPA리액트가 spa는 아님 리액트는 그냥 뷰를 그려주는 라이브러

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

SASS와 SCSS

UI를 작업할 때, 많은 양의 CSS를 미리 공부하여 사용하기 보다 그때 그때 필요한 CSS를 검색을 하여 적용을 했다. 자연스레 CSS들은 조금씩 쌓여갔고, 능숙하게 다루게 되었다. 하지만 따로 공부를 하지 않았기에, 이론적인 지식은 부족하다고 생각이 든다.

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

Day.33 Sass(SCSS)(2021.09.15)

sass문법은 정말 이상해보인다. 자바스크립트도 문법이 이상하다는 소리는 들었지만 직접적으로 이상하다는 느낌은 잘 들지 않았지만 sass문법은 정말 이상하게 느껴진다. 그래도 css문법을 그대로 쓸수 있고 특히 hover기능을 구현할때는 정말 편할것 같다.

6일 전
·
0개의 댓글

SCSS 와 SASS의 차이

https://velog.io/@jch9537/CSS-SCSS-SASS

7일 전
·
0개의 댓글

[CSS] scss를 쓰고 싶다면!

지난 강의를 들으며 scss에 대해 배웠지만, 쉽게 쓸 수 있는 방법이 아니었다... 하지만 확실히 scss를 활용하면 css를 단독으로 사용할 때보다 훨씬 효율적이고 직관적으로 구현할 수 있기에 사용하지 않을 수 없다!구글링 결과, VSCode에서 scss를 구현하는

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

[React] 2. React Router, Sass]

🔍 React Router >- path속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정하고 브라우저 이동 없이 빠르게 페이지 전환이 이루어지도록 도움을 준다. CRA(Create React App)에는 routing을 위한 로

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

9월 15일

UUID 아주 간단 React에서 배열이나 오브젝트에 있는 아이들마다? 컴포넌트를 호출할 때 key props를 넣으라고 아우성친다. 이 때 쓰면됨 React Styling CSS Module App.module.css를 정의해서 필요한 곳에서 import style

2021년 9월 16일
·
0개의 댓글
post-thumbnail

Day.32 Sass(SCSS)(2021.09.14)

중괄호가 있고 없고 세미클론 등 세세한 문법적 차이 SCSS 쓰는 것을 추천 Sass의 결과를 CSS로 변환해주는 웹사이트중첩을 벗어나기 위해서는 @at-root상위 선택자 === &중첩된 속성$h : 200px !global; 전역변수로 사용$h : 300px !de

2021년 9월 16일
·
0개의 댓글
post-thumbnail

React , Sass

Scss

2021년 9월 16일
·
0개의 댓글
post-thumbnail

No 3. SASS

No 3. SASS

2021년 9월 15일
·
0개의 댓글
post-thumbnail

TIL 25_styled-components 🎀

점점 인기가 많아지는 styled-components에 대해 알아보자!

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

React | Component-Design

Component Design

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

Sass Scss css

CSS 작성에는 다음과 같은 기본 원칙이 적용됩니다. 관련있는 선택자는 동일한 라인에 작성하고 관련 없는 선택자는 새로운 라인에 작성합니다.선택자와 여는 브레이스 ({) 사이에 공백을 한 칸 둡니다.여는 브레이스와 동일한 라인에 특성-값을 적지 않습니다.특성과 값은 동

2021년 9월 9일
·
0개의 댓글

Nuxt에서 SASS/SCSS 사용 하기

Nuxt에서 SASS/SCSS 사용 하기 Sass는 신텍스 어섬 스타일 시트의 약자로 CSS작성시 여러가지 개발 편의성을 제공 한다.(변수 이용, 계산식 사용 가능 등) 만약 nuxt프로젝트에 이를 도입 하고 싶다면 어떻게 하면 되는지 알아보자.

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

[SASS] 변수 | 산술연산 | 재활용 | 반복문 | 내장함수 정리

1. 변수 2. 산술연산 3. 재활용 4. 반복문 5. 색상 내장함수 6. 가져오기 7. 데이터종류

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

[SASS] 개요와 중첩 알아보기

CSS 전처리 도구공식문서 Sass: Syntactically Awesome Style Sheets Sass(SCSS) 완전 정복!SCSS : 기존의 CSS와 호환이 되어 있어 사용이 용이함.

2021년 9월 2일
·
0개의 댓글

Sass (CSS 활용)

리액트에서 CSS 작성법으로 Sass를 사용하기 위해 공부한 글CSS를 조금 더 프로그래밍 언어스럽게 다룰 수 있게 해주는 pre-processor(전처리 문법 언어) 이다.SASS를 활용하면 CSS에 변수,반복분,함수 등을 사용 해 중복되는 CSS코드를 줄일 수 있다

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

Session 10. Sass & React Router

*🔐Study Keyword : > 리액트의 **라이브러리인 🔑Sass와 🔑React Router**를 써보자

2021년 8월 31일
·
0개의 댓글

HTML/CSS 11일차

HTML/CSS 11일차

2021년 8월 26일
·
0개의 댓글
post-thumbnail

[ Vue Project ] - Vue-cli install sass

The Vue.js, fall in sass

2021년 8월 24일
·
0개의 댓글