넘치는 DOM과 Event
순수하게 HTML, CSS, Javascript로 코드를 만들어 웹 페이지를 구현하는 바닐라 자바스크립트. 과거에는 바닐라 자바스크립트만으로도 충분히 웹페이지를 구현할 수 있지만 현재는 웹피이지의 모든 요소가 기능을 하고 이벤트를 가지기 때문에 바닐라 코딩만으로는 거의 불가능 해졌다.
이후 JQuery가 등장하면서
document.querySelector(".class")DOM 코드를 더욱 짧게 구현할 수 있었지만 DOM을 사용해야 한다는 범위에서 벗어나지 못했다.
하지만 프레임 워크, 라이브러리 등 Angular, Vue, React가 등장하면서 DOM에서 벗어난 프로그래밍을 할 수 있게 되었다.
프레임 워크 vs 라이브러리
- 프레임 워크
FrameWorkm는 문자 그대로 짜여진 틀안에 개발자가 들어가서 그 틀에서 지켜야하는 규칙을 지키며 프로그래밍 한다.
ex) 라면을 끓이기 위해서 주방과, 냄비, 모든 요리 도구, 신라면을 제공한다.
- 갖추어져 있는 것이 많아 편하다.
- 신라면 외에는 다른 라면을 끓일 수 없다.
- 규칙으로 인해 제한적이다.
- 라이브러리
개발에 도움이 되는 도구. 내 작업에 다른 사람의 코드를 가져와서 사용하는 것
ex) 라면을 끓일 수 있는 냄비 제공
- 내가 원하는 라면을 끓일 수 있다.
- 기본적으로 갖추어져 있는 것이 없어 내가 불을 피우거나, 물을 구하는 등 많은 과정과 기반을 스스로 만들어야 한다.
- 규칙이 없으니 자유롭다고 할 수 있다.
프레임 워크와 라이브러리의 공통점
다른 사람이 만들어둔 코드를 내가 사용할 수 있다.
왜 React?
프론트 엔드 개발에서 가장 유명한 Angular, Vue는 프레임 워크이다.
반면 React는 자바스크립트 문법을 그대로 사용할 수 있게 만든 라이브러리라고 한다.
오픈소스이며 지속적인 Meta(Facebook)의 관리를 받고 있다.
많은 사용자들을 기반으로 생태계가 활성화 되어있다.
React Native 등 웹 이외의 다른 플랫폼에서도 활용할 수 있다.
