# scss

75개의 포스트
post-thumbnail

React - Sass(Scss)

Sass, Scss

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

TIL.40 <동묘프렌즈> 클로닝 후기

11월 중순, 위코드에서 공부를 시작한지 한달반이 지나고 그 사이에 첫 번째 프로젝트도 끝이 났다. 1달동안 html, css, js 기본개념과 React를 거쳐 1차프로젝트가 시작되고, 팀원들과의 협업으로 무사히 끝마쳤다. 1차프로젝트동안 어떤것을 배웠고, 어떤점들을

2020년 12월 27일
·
1개의 댓글
post-thumbnail

[Team Project] 1차 프로젝트를 마무리하며...

wecode에서 부트캠프를 시작한지 벌써 6주가 흘렀다!!프로젝트에 대한 소개는 CrazyTrain진행기간: 2020년 12월 14일 ~ 2020년 12월 24일안녕하세요. 저희는 위코드 1차 프로젝트에서 '오늘의집'클론코딩을 하게된 폭주기관차🚄팀입니다. 오늘의집은

2020년 12월 26일
·
4개의 댓글
post-thumbnail

[svelte] SCSS 스타일 에러 해결 방법

vscode에서 발생하는 스타일 에러 해결 방법..main.scss에서 작성한 color에 에러가 뜨는게 보인다.변수가 스타일태그 내부에 정의가 안됐다고 나오는데 실제 빌드 결과에는 영향이 없다.하지만 방치하면서 코딩하긴 불편하니 해결해보자..snowpack.confi

2020년 12월 24일
·
0개의 댓글

SASS와 SCSS

css는 원시적인 문법이기에 고도화된 작업에서는 불편한 경우도 있다. css preproceccor(전처리기) 전처리기를 컴파일하는 작업이 필요하다 전처리기는 css문법과 굉장히 유사하지만 표준 css보다 많은 기능을 사용해 편리하게 작성이 가능하다. 웹에서는 동작하지

2020년 12월 22일
·
0개의 댓글

TIL | SCSS [Variables & Nesting & Mixins & Extends]

TIL | ✏️ SCSS

2020년 12월 20일
·
0개의 댓글
post-thumbnail

Clone - Westagram Main page

로그인 페이지에 validation 을 마치고 버튼을 누르면 넘어오는 Main 페이지다. 구성은 간결하지만 나 같은 초보자들이 구현해볼만한 기능들이 들어가 있다.

2020년 12월 13일
·
0개의 댓글

About SCSS & Styled-components 비교

scss/styled-components

2020년 12월 10일
·
0개의 댓글
post-thumbnail

SCSS의 기본적인 사용 방법

{} 괄호안의 자식요소에 태그(class, ID등)를 넣으면 자동으로 부모요소를 확인시켜준다.⬇️출력결과위의 방식은 부모와 지식형식만으로 표현하지만 아래의 예 처럼 태그를 연결할 경우에는 「&」을 사용한다.아래 처럼 출력하기&사용하는 SCSS변수 사용가능⬇️출력결과조건

2020년 12월 10일
·
0개의 댓글

TIL15, CSS Preprocessor: SCSS!*

CSS Preprocessor 통해 스타일링 작업을 더욱 수월하게 할 수 있다. 물론, 브라우저가 이해하는 것은 CSS뿐이므로 작업한 코드를 CSS로 컴파일 해주어야 하는 중간 과정을 거쳐야 하지만, (혹은 해당 작업을 해주는 패키지를 우리의 프로젝트에 포함시켜야 하지

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

2020Nov22-28(TypeScript+React에 SCSS 설정 중 나타난 에러, feat. stackoverflow에 답변하기)

현재 진행 중인 프로젝트에선 리엑트와 타입스크립를 이용해서 클라이언트를 개발 중이다. CRA로 프로젝트를 시작했는데 이번에는 스타일은 SCSS를 사용해보고 싶은 마음에 node-sass를 설치하고 바로바로 브라우저로 확인하기 위하여 웹팩 설정 파일에 추가로 수정이 필요

2020년 11월 30일
·
0개의 댓글
post-thumbnail

Project | 인스타그램 클론 프로젝트

약 1주일 동안 혼자 바닐라 자바스크립트로 인스타그램을 구현하고, 다음의 2주 동안 팀으로 React를 활용하여 구현.CRA 활용한 초기 세팅Github 기반 PR 활용하여 피어 코드 리뷰 진행공용 컴포넌트를 공유한 협업 프로젝트JavaScript 1주(10/26 ~

2020년 11월 15일
·
2개의 댓글

TIL | Sass mixin과 조건문

https://sass-guidelin.es/ko/#mixins sass를 쓰고는 있는데... 확장자만 바꿨지 정작 기능은 하나도 쓰고 있지 않아서 이제부터 조금씩 실제 프로젝트에 적용해보려고 한다. flexbox로 컨텐츠를 정렬하는데 짝수번 째 컨텐츠는 역순으로

2020년 11월 11일
·
0개의 댓글
post-thumbnail

css 로 텍스트에 gradient, 이미지 적용하기 (feat. githubuniverse, hex2rgba)

text에 이미지와 그라디언트를 넣을 수 있는 이런 힙해보일 수 있는 기술을 초보 웹 개발자로서 놓칠 수 없다는 생각에 헐레벌떡 css 코드를 알아봤다.

2020년 10월 17일
·
0개의 댓글
post-thumbnail

@mixin and @include

내가 정의한 스타일 속성을 함수로 만들고 재사용성을 높이기 위해 사용한다.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

SCSS

Sass - js 방식을 css에서 사용해보고자 나왔다.

2020년 10월 7일
·
0개의 댓글
post-thumbnail

TIL 2020.07.03

2020년 10월 5일
·
0개의 댓글
post-thumbnail

CSS / SCSS / SASS

CSS / SCSS / SASS 에 대한 개념과 정의에 대해서 알아보자.

2020년 9월 27일
·
0개의 댓글
post-thumbnail

React스터디_컴포넌트 스타일링

일반적으로 우리가 흔히 알고 있는 css를 이용하여 스타일링하는 방법입니다.

2020년 9월 5일
·
0개의 댓글