React와 JS Syntax mixing React를 사용하면서 많은 부분을 기본 JS기능들과 함께 사용 할 수 있다. DataStructure나 method도 마찬가지이다. 모든 JS가 react에 기초가 된다.

React React는 Javascript library로 vanila JS보다 좀 더 readable, reusable 하고 간편하게 UI를 handle할 수 있다. 가장 큰 특징은 componenet를 하나씩 붙여 완성시키는 형태이다.

FlexBox and Grids CSS3에 추가된 최신 정렬기능으로 간편하고 깔끔하게 요소들을 정렬할 수 있다. FlexBox : 1차원(가로, 세로)공간에 요소들을 정렬하는 기능 Grids : 특정 2차원 공간에 요소들을 정렬하는 기능

Three Pilars of Writing Good Web App 좋은 web app 조건 3가지 Responsive Design 어떤 상황에서든 유연하게 대처가능한 web app fluid layouts Media queries Responsive image Correct units Desktop-first vs Mobile-first Maintainable and scalable code 알아보기 쉽고 유지보수와 재사용이 가능한 깨끗한 코드 CLEAN Easy-to-understand Growth Reusable How to Organize files How to name classes How to structure HTML Web Performance 더 빠르고 안정적인 service 제공 Less HTTP request Less code Compress code Use a CSS preprocessor Less image Compress images

How CSS works CSS의 작동 원리에 대해서 알아본다.