# Sass

305개의 포스트
post-thumbnail

Sass vs Less vs Emotion

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

약 8시간 전
·
0개의 댓글
post-thumbnail

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

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

어제
·
0개의 댓글

[개발자되기: CDD] Day-37

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

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

CSS 프레임워크

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

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

CDD, Styled Component

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

4일 전
·
0개의 댓글

Sass & SCSS

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

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

[20220619_2차 프로젝트 회고]

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

2022년 6월 19일
·
0개의 댓글

Sass Basic

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

2022년 6월 14일
·
0개의 댓글

SCSS

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

2022년 6월 13일
·
0개의 댓글

SASS - style.css.map 이해

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

2022년 6월 13일
·
0개의 댓글

SASS - SASS 컴파일

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

2022년 6월 13일
·
0개의 댓글

Sass Tutorial

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

2022년 6월 12일
·
0개의 댓글
post-thumbnail

[CSS] SCSS와 styled-component의 mixin 그리고 사용법

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

2022년 6월 10일
·
0개의 댓글
post-thumbnail

React - sass

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

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

[React] Sass

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

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

1차 프로젝트 회고록

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

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

React Router

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

2022년 6월 1일
·
0개의 댓글

220526) CSS 라이브러리

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

2022년 5월 26일
·
0개의 댓글
post-thumbnail

SASS와 SCSS 를 알아보자

SASS, SCSS , Preprocessor

2022년 5월 19일
·
1개의 댓글
post-thumbnail

[React] -던- (강화 시뮬레이터)

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

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