# Sass
김버그 UI개발 부트캠프) 3. Sass 100% 활용하기: 변수 Variable
All 소문자 - 모두 소문자로 쓰는 경우 ' - ' 사용하는 경우가 많다.All 대문자 - 모두 대문자로 쓰는 경우 ' \_ ' 사용하는 경우가 많다.앞에 숫자가 올 수는 없다.문자를 쓸때는 ' '(따옴표)를 해줘야 한다.css 속성 값을 변수 값으로 쓸때에는 따옴표

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

SASS #총 요약
CSS는 작업이 고도화 될 경우 불편함이 커진다.(원시적인 문법이기 때문)그 예로 불필요한 선택자의 과용과 연산 기능의 한계, 구문의 부재 등 프로젝트의 크기가 커질수록 아쉬움도 같이 커진다.하지만 웹에서는 표준 CSS만 동작할 수 있기 때문에 다른 선택권이 없다.여기
TIL#12. 하루이틀 밀리다보니..끝없이 밀리네
후...TIL이여 하루 이틀 밀리고...좀더 정리해서...밀렸던거부터 써야지 하다보니 원 부트캠프 끝날지경 안되겠다. 오늘은 react로 만들어놓은 위스타그램을 서버에 연동하여 회원가입, 로그인기능을 만들었다! 프론트엔드와 백엔드와의 대 화합 🧙♂️ [CSS] S

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

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

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

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

CRA sass-loader 설정하기
리액트를 다루는 기술중 컴포넌트 스타일링 챕터 sass-loader 오류 해결법이런식으로 오류가 뜬다options 속성안에 sassOptions 라는 속성을 추가한다https://webpack.js.org/loaders/sass-loader/
2021.02.03
화면을 확대 / 축소했을 때 배경이 풀사이즈로 유지되는 방법을 알고싶었다.왼쪽 , 오른쪽 GNB 만드는게 생각보다 어려웠다.button 밑에 border가 100%로 안차서 고민을 했으나 선배의 도움으로 해결 되었다. (공통 속성을 주는 button에 width값을 조

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