# Sass

tjdgus0528

회사에서 새 프로젝트가 진행되며 Sass vs Less vs Emotion 중 어떤 것을 쓸지 고민 했다.

seven2649

인터랙티브 웹 개발(입체감이 느껴지는 interactive 예제 )

tootb

조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 개발 진행CSS가 구조적으로 작성될 수 있게 도움주는 도구CSS 전처리기 중 가장 유명한, CSS를 확장해 주는 스크립팅 언어SCSS 코드를 읽어서 전처리한 다음 컴파일 해서 전역 CSS 번들 파일을 만들어 주는

aideneverywhere

CSS 전처리기는 우리(개발자)에겐 CSS보단 친화적이지만 브라우저가 해석하지 못하는 언어로 작성된 스크립트를 별도 플러그인과 프레임워크를 통해 우리가 아는 CSS로 변환하는데 사용한다. 기존 CSS의 단점인 유지보수의 불편함 등을 보완한다.Sass는 기본적으로 SAS

xmun74

Component Driven Development상향식 개발컴포넌트 단위로 만들어서 페이지를 레고처럼 조립하는 개발 방식재사용 가능한 UI 컴포넌트디자인, 개발단계에서부터 재사용 가능한 UI 컴포넌트를 고안한다면,이후에도 새롭게 만드는 것이 아닌, 재사용할 수 있게

soommmni

이 둘의 차이는 문법의 간결성Sass는 세미콜론(;) 생략

cadyky95

1치 프로젝트가 끝난거도 믿기지 않는데 벌써 2차 프로젝트 시작이라니...!!! 아직도 모르는거 투성이에 어설프지만 최선을 다하리라는 마음가짐으로 시작했다.• Front-end: 손가영, 유하은, 윤경연, 최현민• Back-end: 정병휘, 최바다• Front-end:

simplicityyy

Sass (Syntactically Awesome Style Sheets) CSS Preprocessor(css 전처리기) | 코드를 한번 컴파일 한다는 의미 SCSS,Sass 문법을 지원함 모듈, 믹스인, nested style, 변수, 조건문, 반복문 등의 기능으로 css를 프로그래밍 언어적으로 활용하도록 확장 styled-components는 sas...

eunung

SCSS: Sass의 모든 기능을 지원하는 SupersetSass(Syntehtically Awesome StyleSheets): CSS 전처리기: 변수, 상속, 혼합, 중첩 등의 다양한 기능 제공: CSS로 컴파이을 거친 뒤 실행 가능Sass vs SCSS \- S

dubipi96

sass와 scss를 컴파일 하고 css로 변환해보면서 생긴 의문점이 있다 style.css 파일이 만들어지면서 style.css.map이 같이 생겼는데 이 파일은 어떤 역할을 할까? style.scss에서 코드 가독성 없이 이상하게 만들어도 style.css에선 정상적으로 나오는걸 확인할 수 있다 작업하고있는 파일은 style.scss인데 실제 브라우...

dubipi96

html css js를 공부하다보면 sass 혹은 scss라는 것을 한번 쯤 들어봤을 수 있다 SASS란 css의 전처리기이며 css를 효율적으로 관리할 수 있는 방법 중 하나이다 브라우저에서는 css외에 다른 문법은 알아들을 수 없으므로 우리가 sass로 작업을 하되 브라우저가 알아들을 수 있게 변환을 해주어야한다 아래 처럼 css 폴더 내에 빈 파일과...

gouthiki90

Sass Official site : SassSass는 웹에서 바로 동작할 수 없다.Sass가 CSS가 되기 위한 컴파일이 필요한 것이다.따라서 Sass는 CSS를 더 효율적으로 구축하기 위한 'CSS 전처리 라이브러리'라고 할 수 있다.$변수를 통해 변수를 선언할 수

sammy1101

꽤 오래전부터 듣기만 했던 scss와 styled-component에서의 mixin을 한번 알아보고자 정리를 해보았다!사실 10개월간 회사에서 styled-component를 쓰면서 믹스인을 쓴적은 없지만 이전부터 css를 간결하게 써보고 싶었던 욕구를 해소해보고 싶어

dumibell

지금까지 HTML과 CSS, JavaScript로 작성한 문서를 react로 옮기는 과정에서 로그인페이지와 메인페이지의 class명이 겹쳐 css가 중복으로 적용되는 일이 발생했다. React에서는 하나의 html만 존재하기 때문이다.모든 class명을 전부 다르게 해

joahkim

Sass Syntactically Awesome Style Sheets CSS Preprocessor, CSS 전처리기 >그래서 도대체 Sass가 뭡니까? 웹에서는 CSS만 동작을 한다. 하지만 웹이 발전하면서 CSS로 할 수 있는 효과 및 기능이 많아졌다. 그로

cadyky95

사전스터디를 시작했던게 4월인데 벌써 살갗따가운 6월이됐다. 저마다의 사연을 짊어지고, 그런 어색함에 가물어 있던 강의실 분위기가 언제 그랬냐는듯 비를 담뿍맞아 저마다의 사연에 결실을 맺어가고 있었다! 아직 잘 알지도 못하는데 프로젝트 시작이라고 해서 지레 겁부터 먹었

jeongssi94

SPA (Single Page Application) - 페이지가 한 개인 애플리케이션리액트 프로젝트에서 .html 파일의 개수는? 1개 >>> SPA(Single Page Application)라우팅(Routing) - 다른 경로(주소)에 따라 다른 View(화면)를

igit322

HTML과 CSS 더 빠르고 쉽게 관리하는 방법

created_easily

SASS, SCSS , Preprocessor

boyfromthewell

토이 프로젝트라고 하기도 뭐하지만 던전앤파이터 모바일을 즐겨해서 아무생각 없이 그냥 만들어 보았다.