-
react
(react-5
, 2020.09.13)
목차
React 목표
ReactDOM.render() 구문
HTML 코드
root 노드
React 목표
React 목표는 여러 방법으로 웹페이지에 HTML을 렌더링하는 것임.
&nbs…
-
react
(react-4
, 2020.09.13)
목차 - JS ES6(2015) 주요 3가지 이슈
Class (클래스)
[클래스 정의]
[클래스 예제]
[클래스 기반으로 객체 생성]
[클래스에 고유한 메서드 추가]
[클래스 상속 방법]
[클래스 상속 예제]
Arrow f…
-
react
(react-3
, 2020.09.13)
목차
React 적용법1 - HTML 웹페이지에 직접 적용
React 적용법2 - React 개발환경 구축
React 실습 준비 - 웹페이지 생성
React 적용법1 - HTML 웹페이지에 직접 적용
<!DOCTY…
-
react
(react-1
, 2020.09.13)
목차
React 소개
React 코드 생김새
React 연습문제
React 앱 만들기
React 명령어 (버전확인/삭제하기/매뉴얼보기)
React 배우기 전 알아야 할 언어
React 배우기에 좋은 사이트 소개
Reac…
-
LESS
(less-74
, 2020.09.05)
data-uri() 함수
[정의]
파일을 인코딩해서 불러오기.
※ 리소스를 즉시 처리해서, ieCompat 옵션이 켜져 있고 리소스가 너무 크거나 브라우저에서 함수를 사용하는 경우 url()로 돌아감.
[구문]
data-uri(mi…
-
SASS
(sass-7
, 2020.08.26)
목차
@import 정의
@import 구문
@import 예제1 - 가져올 때 확장자 안 붙임
@import 예제2 - partials 경우, 가져올 때 _ 안 붙임
@import 정의
reset fil…
-
SCSS
(scss-7
, 2020.08.26)
목차
@import 정의
@import 구문
@import 예제 - import 할 때, 확장자 안 붙임
@import 예제 - partials 경우 import 할 때, _ 안 붙임
@import 정의
reset…
-
SASS
(sass-3
, 2020.08.22)
SASS 이해에 필요한 언어
HTML, CSS
SASS 정의
1. SASS (Syntactically Awesome Stylesheet)
2. CSS 확장이자, CSS 전처리기 일종.
3. CSS 모든 버전과 완벽 호환.
…
-
SCSS
(scss-3
, 2020.08.22)
목차
SASS 이해에 필요한 언어
SASS 정의
SASS 사용 이유
SASS 유용성 예제
SASS 작동 방식
SASS 파일 확장자
SASS 주석
SASS 이해에 필요한 언어
HTML&nbs…
-
SASS
(sass-2
, 2020.08.22)
SASS 정의
0. SASS (Syntactically Awesome Style Sheets)
1. CSS pre-processor (전처리기) 일종임.
2. CSS 반복을 줄여, 시간 절약 가능. (= CSS 유지보수 용이)
ps. SASS 공식 사이트
https://sass-…