# scss

99개의 포스트

TIL | #12 React | SCSS, CSSMoudle

2021-04-02(금)SCSS는 SASS 세번째 버전에 추가되었다. SASS의 모든 기능을 지원하며 CSS 구문과 완전히 호환되도록 만들어졌다. SASS와 SCSS의 큰 차이점은 중괄호의 유무, 세미콜론의 유무 정도이며 이외에도 다른 차이가 있다.

어제
·
0개의 댓글
post-thumbnail

React | instagram clone project review ①

React | instagram clone project review ①

2일 전
·
0개의 댓글

[ SCSS ] SCSS와 CSS

Sass(SCSS) 완전 정복!CSS는 분명 쉽고 재밌지만, 작업이 고도화될수록 불편함도 같이 커집니다.불필요한 선택자(Selector)의 과용과 연산 기능의 한계, 구문(Statement)의 부재 등 프로젝트의 규모가 커질수록 아쉬움도 같이 커지죠.하지만 웹에서는 표

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

CSS/SCSS/styled-components

React에서 CSS 활용하기

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

부트스트랩5 예제 구현

부트스트랩에서 css의 flex, font size등등 기본적인 스타일링은 class="" 의 문자열에 작성하는것으로 간편하게 구현할 수 있다. 이전과 비슷한 방식으로 폰트 사이즈도 커스텀이 가능구현이 됬으나 텍스트의 속성이라 그런지 언더라인이 생겼다아래의 파일이 언

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

부트스트랩5 커스텀 & Breakpoint

유저 고유의 속성을 가진 유틸리티를 만들기 위해 별도의 파일을 만든다.정확하게 입력했다면 잘 적용 됬다는 걸 알 수있다.부트스트랩의 장치 또는 뷰포트 크기에 따라 응답하는 레이아웃이 작동하는 방식을 결정하는 사용자 지정 가능한 너비기본적으로 col이 가지고있는 가로전

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

부트스트랩5 템플릿 구축

IE와 Jquery를 버린 부트스트랩5이 링크의 영상에서 학습한 내용을 정리해 쓴 글입니다.혹시나 잘못된 내용이 있다면 따끔한 지적 환영합니다.IE와 제이쿼리를 버림부스트트랩의 자체 아이콘 탑재utilities의 커스터마인징 (Sass가 기본탑재 되 있어 사용가능)컬러

2021년 4월 5일
·
0개의 댓글

React_core // 꾸미기

리엑트에서 리엑트 요소(엘리먼트, DOM요소 라고도 할 수 있음)를 꾸며주는 방법에는 여러가지가 있다.

2021년 3월 27일
·
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

FLEXBOX FROGGY

게임으로 배우는 flexbox!

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

[CSS] SCSS 초기 세팅 방법

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

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

SCSS

SCSS는 CSS의 상위집합으로서, CSS와 동일한 문법으로 SASS의 특별한 기능들이 추가되어 있는 것이다.CSS에 변수 개념을 도입하였다.변수로 사용 가능한 형태는 숫자, 문자열, 폰트, 색상, null, lists, maps 가 있다.변수를 사용할 때는 $문자를

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

TIL_40_with Wecode 030 React

Sass? Scss?SCSS와 SASS는 CSS를 편리하게 이용할 수 있도록 도와주며 추가 기능도 있는 확장판 ( CSS를 확장하는 스크립팅언어)예를 들어html 코드이런 코드가 있다고 치자. 이 html코드를 꾸밀 때SCSS와 SASS, 그리고 CSS의 차이점을 확인

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

SCSS, @include & @mixin으로 refactoring하기.

@mixin과 @include를 통한 scss 재사용성 및 유지보수성 높이기

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

[TIL] Sass ? SCSS ?

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

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

[TIL] SCSS

SCSS는 CSS의 전처리기중 하나이다. 전처리기를 이용하면 CSS에 프로그래밍적인 요소

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

[CSS]깨진 CSS 고치기 프로젝트..

이전에 진행한 프로젝트를 다시 npm start해서 열어보니 그 때는 문제가 없었던 CSS가 깨져서 보이기 시작했다.. CSS 수정하기 시작..!

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

Freitag- 상품상세박스 구현 연습(1)

프라이탁 구현 연습중 map으로 뽑아낸 목록 3줄이 상품을 클릭했을때 해당 행의 바로 아래로 상품 상세 페이지가 펼쳐지는 것을 보고 구현해 보아야 겠다고 생각했다.생각보다 쉽지 않았다.맵을 돌리고 있는 가운데 이미지를 클릭했을때 그 map 요소들이 갈라지면서 상세페이지

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