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의 작동 원리에 대해서 알아본다.
Module
Reusable piece of code that encapsulates implementation details
Usually a standalone file, but it doesn’t have to be.
Asynchronous
하나의 코드의 흐름과는 별개의 코드의 흐름을 만들어 여러가지 작업을 동시에 할 수 있게 하는 것.
좋은 service를 위해선 필수적이다.
Make Inheritance
custom으로 만든 class혹은 function끼리의 Inheritance 관계를 만드는 방법과 Encapsulation을 하는 방법과 관련 이론들