전체태그 보기

#scss (12개의 포스트)

vero911

20191204 - AWS / React / CSS

2019년 12월 4일0개의 댓글
올해가 얼마 남지 않았따. AWS - 외부에서 받은 EC2 Instance에 ssh를 사용하여서 접속해봄 - 외부에서 받은 MongoDB(DocumentDB)에 접속해보...려다가 안됨 Creating an AWS DocumentDB Cluster Amazon VPC 외부에서 Amazon DocumentDB 클러스터에 연결 React ...
IE에서 flex-direction: column 사용시 주의사항 ⚠️
poburi
문제 flex-direction: column이 문제가 되었는데 자식 영역의 height가 잡히지 않아서 전부 겹치는 문제가 생김. Chrome환경에서는 문제가 없던 것이 IE에서 문제가 되었다. 해결 flex: 1을 flex: 1 0 auto로 바꾸니까 문제가 해결되었다. IE10에서 flex의 기본값은 최신 사양에 정의 된대로 0 1 aut...
jungsw586
React 프로젝트에 Router 설치 방법 1. 터미널을 킨다. 2. Sass 설치를 희망하는 React프로젝트의 디렉토리로 이동한다. 3. 형태로 파일을 생성 후, css와 같이 활용 css와 사용법은 거의 동일하지만, css에서 지원하지않는 변수지정 함수활용 등을 활용해 더욱 생산적인 디자인 작업이 가능하다!
hyksmine

React

2019년 10월 4일0개의 댓글
06221ac4ae96f681e3bed114dd1bdd9f.jpg REACT 가상 DOM을 활용하여 부분적인 렌더링을 하는 자바스크립트 라이브러리(프레임워크x) SPA(Single Page Application) * 리액트의 특징 (1) 화면 view단을 구현하기 위한 최소단위로 재사용가능한 component를 사용 (2) component를 조...
[ Netflix Clone 3 ] Style
smooth97

[ Netflix Clone 3 ] Style

2019년 9월 9일0개의 댓글
Static Directory image.png style을 담당하는 static (정적) 폴더에 스타일링에 관련된 파일들을 담아둔다. /images 필요한 이미지와 로고 등이 들어가있는 폴더 /sass scss 파일을 작성하는 폴더로 abstracts 와 components 두 가지 하위 폴더로 나눠져 있고 index 파일인...
[ SASS ]
smooth97

[ SASS ]

2019년 8월 31일0개의 댓글
Syntactically awesome stylesheet (어썸한 문법 스타일시트) 평소 코드펜이나 다른 프로젝트 코드를 봤을 때 많은 스타일링 파일이 scss로 작성되어있는 것을 많이 봤어서 궁금증을 해결하기 위해 정리합니다. CSS Preprocessor (css 전처리기기)란? CSS 문서 작성을 하다 보면 많은 코드가 중복이 되고 양이...
psm8873

SCSS

2019년 8월 5일0개의 댓글
SCSS = SASS + CSS SASS 컴퍼일러로 SCSS 파일이 CSS 파일이됨 1. 기본문법 * 기본틀은 CSS 문법과 동일EX) .sec { margin: 0;} * nested block(넥스팅) 을 적용 * // 을 이용해서 라인 단위로 주석처리 2. 네스팅(nesting) * 네스팅이란 서브루틴 중에 다른 서브루틴을 짜 넣는...
[아주 짧은 글] Next.js에서 ScSS파일 sourcemap 기능 사용하기!
sonaky47
영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.
nekonitrate
2019년 1월 30일 오전 10시 08분 추기: nuxt-sass-resorces-loader 에서 공식적으로 더 이상 서포트를 하지 않으니 @nuxtjs/style-resources 를 사용하라는 발표가 있었습니다. 컴포넌트 단위로 개발이 진행되는 SPA 라도 SASS나 SCSS를 쓰다보면 전역에서 로드해야 할 파일이 생기게 마련입니다. 예를들면 변...
yeomi

Sass 알아보기

2019년 1월 29일0개의 댓글
Sass란 Sass는 일종의 CSS 전처리기이다. 자바스크립트처럼 특정 속성의 값을 변수로 선언하여 필요한 곳에 선언된 변수를 적용할 수도 있고, 코드의 재사용성을 높여준다. Sass설치 1. ruby설치 윈도우만 아래 링크에서 ruby설치(mac과 linux는 ruby 기본적으로 설치되어있음) http://rubyinstaller.org/down...
dever
CSS Module과 Sass를 같이 사용하는 설정