Modern web development from VanillaJS

최신 웹기술이 발전 함에 따라 수많은 Framework 와 Libraray 가 난립하고 있다. 그런데 사실은 웹기술이 발전했기 때문에 그 수많은 Framework와 Lib가 없어도 된다. 물론 있는걸 안쓰는 건 바퀴를 다시 발명하는 것일수 있다. 하지만 직접 바퀴를 만들어 보면 새로운 시각에서 Web을 바라 볼수 있는 계기가 된다.

Modern Web이 무엇인가.

모던 웹은 정확하게 정의 되는 말은 아니다. 왜냐면 모던하지 않은 웹이 정의 되지 않기 때문이다. 누군가는 마케팅 용어라고 생각할수도 있다. 이 글에서 모던 웹은 ES6와 HTML5 그리고 새로운 웹 표준들을 사용해서 작성한 웹을 모던 웹이라고 하자. 좀 과장을 더하자면, IE 에서는 동작 하지 않을수도 있는 웹을 모던웹이라고 하자. IE 를 지원하기 시작 하면 여러 골치 아픈 문제들을 마추치게 된다. 레거시 지원은 좀더 잘 만들어진 프레임 워크에 맡기고 새로운 표준들을 학습하는 느낌으로 모-던한 웹개발을 해보도록 하자.

모-던한 웹개발은 다음것들을 살펴 봐야 될것이다.

  • html5
  • css3
  • ES6
  • websocket
  • Web Components
  • DOM API level 3
  • Service worker
  • Web GL
  • Web Audio
  • session storage
  • local storage
  • http2
  • web workers
  • service worker
  • IndexedDB
  • WebCache API
  • 기타 등등

물론 위에것을 다 쓸필요는 없다. 필요한것만 골라 쓰면 된다.

이 글에서 저 모든 것을 다룰수는 없기 때문에 시간이 나는 대로 한 주제씩 작성해서 link로 연결 시켜 두려고 한다. 그 과정에서 만들어지는 library 코드는 https://github.com/bluemir/web-components 에 모두 남겨 두려고 한다.