# Sass

107개의 포스트

김버그 UI개발 부트캠프) 3. Sass 100% 활용하기: 변수 Variable

All 소문자 - 모두 소문자로 쓰는 경우 ' - ' 사용하는 경우가 많다.All 대문자 - 모두 대문자로 쓰는 경우 ' \_ ' 사용하는 경우가 많다.앞에 숫자가 올 수는 없다.문자를 쓸때는 ' '(따옴표)를 해줘야 한다.css 속성 값을 변수 값으로 쓸때에는 따옴표

3일 전
·
0개의 댓글

SASS(SCSS)

SASS

6일 전
·
0개의 댓글

TIL 26)React 2 Router,Sass

한개의 웹페이지 안에서 여러개의 페이지를 보여주기 위해서 react에서 Routing을 사용한다.

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

Poiemaweb 읽기 - Bootstrap, Sass

하루에 포엠 게시물 하나씩 읽기 - Bootstrap, Sass

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

nuxt에 scss설치

nuxt.js에서 scss파일을 사용하려면 다음과 같은 방법을 통해서 사용할 수 있다.npm을 이용해서 설치 node-sass와 sass-loader를 설치nuxt.config.js파일에서 css에 추가할 scss를 입력하고 해당 경로에 scss파일을 추가하여 스타일을

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

SASS #총 요약

CSS는 작업이 고도화 될 경우 불편함이 커진다.(원시적인 문법이기 때문)그 예로 불필요한 선택자의 과용과 연산 기능의 한계, 구문의 부재 등 프로젝트의 크기가 커질수록 아쉬움도 같이 커진다.하지만 웹에서는 표준 CSS만 동작할 수 있기 때문에 다른 선택권이 없다.여기

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

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

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

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

[CSS] SCSS 초기 세팅 방법

노마드 코더의 CSS 챌린지 진행 중에 SCSS를 위한 세팅이 필요해서 하는 김에 겸사겸사 정리해본다.

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

17일차

westagram / React Router & SASS

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

[TIL] # 27 React Router & Sass

생태계가 활성화 되어있다.리엑트에는 가상돔이 있어서 필요한 UI만 바뀌기 때문에 최소단위로 움직이기에 상대적으로 빠르다!CRA를 쓰기위해 필요한 두가지Node.js & npmcra가 node.js 패키지로 만들었기 때문에 설치한다!ex)바벨,웹팩 등 !시작하는 입문자로

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

StarWarsAPI : 2021.03.01 Sass Mixin ~ Webpack

at the very beginnin, I added too many plugins that is unnecessary to deal with 'scss' ,after simplyfing , it was solvedPlugin : javascript library th

2021년 2월 28일
·
0개의 댓글
post-thumbnail

[TIL] Sass ? SCSS ?

참고 : SCSS 완전 정복css와 CSS pre-processor (동작법,빌드법)How to compile?Sass와 SCSS의 차이점꼭 알아야할 SyntaxCSS는 상대적으로 배우기 쉽고 재미있다.하지만 불필요한 선택자(Selector)의 과용과 연산 기능의 한계

2021년 2월 28일
·
0개의 댓글
post-thumbnail

FREITAG- 1차 프로젝트 회고록

FREITAG이 독일어로 금요일이란 뜻인데우리는 그것에 착안하여 화요일이라는 뜻인 DIENSTAG을 팀명으로 결정했다.왜?제일 멋있게 들리는 요일이어서ㅎㅎ프론트엔드 : 2명백엔드 : 3명프론트가 다른팀에 비해 2명이어서 좀 더 일개미처럼 코딩해야 했지만옆에 앉으며 바

2021년 2월 28일
·
6개의 댓글
post-thumbnail

[React] 리액트에 Sass 연결하기

리액트에 Sass를 연결하는법을 알아봅시다!

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

CRA sass-loader 설정하기

리액트를 다루는 기술중 컴포넌트 스타일링 챕터 sass-loader 오류 해결법이런식으로 오류가 뜬다options 속성안에 sassOptions 라는 속성을 추가한다https://webpack.js.org/loaders/sass-loader/

2021년 2월 21일
·
0개의 댓글
post-thumbnail

SASS 개념정리

SASS 개념정리 - sass

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

2021.02.08

2021.02.08 / 지도 시스템을 디자인해보았다.

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

2021.02.03

화면을 확대 / 축소했을 때 배경이 풀사이즈로 유지되는 방법을 알고싶었다.왼쪽 , 오른쪽 GNB 만드는게 생각보다 어려웠다.button 밑에 border가 100%로 안차서 고민을 했으나 선배의 도움으로 해결 되었다. (공통 속성을 주는 button에 width값을 조

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

Sass(SCSS)

CSS 전처리기인 Sass(SCSS)를 알아봅시다.

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

SASS/SCSS

VariablesNestingMixinsExtendResponsive Mixinsenter image description here폴더명 맨 앞에 \_ 를 넣어준다@import 해준뒤 사용해준다.같은 부모 선상에 있는 el들을 한곳에 써줄수 있다가독성이 좋다.enter

2021년 1월 29일
·
0개의 댓글