[TIL] 2021.07.13 화

Today Ariticle

---

Today Idea

---

Today I Learned

--
npm 프로젝트 시작하는 법

1.	init -y //package.json 생성.
2.	npm i -D parcel-bundler //node_modules, package-lock.json 생성.
3.	package.json 내부의
	"script" : {
    	"dev" : "parcel index.html"
        "build" : parcel build index.html"
    }
4.	npm run dev

--
SCSS

& 상위 선택자 참조

중첨된 속성
font: {
	size: 10px;
    weight: bold;
}

변수
$size: 100px;

믹스인, 인클루드
@mixin box(&size) {
	width: &size;
}
div {
	@include box(500px);
}

반복문
for $i from 1 through 10 {
	box{ width: 100px }
}

보간 #{$i}

함수
@function ratio($size,$ratio){
	@return $size*$ratio
}

---

Today Commit

---

Today Works

---

Today Review

휴가 전에 설계했던 로드맵에 따라 프론트엔드를 공부중이다.

HTML/CSS/JS -> Git -> (TypeScript) -> SCSS -> Bundler -> Vue.js

패스트캠퍼스에서 SCSS강의를 전부 들었다.
역시 크게 어렵진 않았고, 직접 프로젝트에 사용해봐야 더 기억하기 좋을 것 같다.

---