프레임워크와 라이브러리 차이점

• 프레임워크:

  코드를 만들 때 필요한 뼈대 틀을 제공해주는 것 따라서 프레임워크에서 개발을 할 때는 프레임워크가 가지고 있는 규칙에 의해 작성, 즉 제어권이 프레임워크가 가지고 있는 것

  ex) spring, django, nextJs, nuxtJs

• 라이브러리:

  사용자는 특정 규칙이 아닌 필요로 하는 라이브러리를 선택해서 사용할 수 있다 코드를 작성할 수 있는 환경을 제공, 즉 제어권이 개발자한테 있다.

  ex) node에서 설치되는 패키지, reactJS, jquery

  • 프레임워크는 기계, 따라서 정해진 사용법에 의거하여 사용
  • 라이브러리는 도구함, 내가 원하는 도구를 선택해서 사용

nodeJS란?

react는 nodeJS의 환경에 의해 실행

구글 크롬의 v8엔진을 활용하여 브라우저 밖에서도 (내 로컬환경) 자바스크립트를 컴파일(번역) 혹은 실행할 수 있는 일종의 런타임(실행환경)

React

React JS의 핵심 컨셉 : component 와 re-render

1. Component

• 하나의 페이지를 한 가지 기능을 수행하는 UI 단위로 분리한 것
• 재사용이 용이하고 관리 및 유지보수에 효율적

1. Virtual DOM

• react가 가지고 있는 가상 돔, 진짜 돔의 복사본
• 가상돔이 바뀌어도 실제돔이 바뀌진 않음! state에 변화가 생겨야 실제돔이 바뀜
• state(상태)를 react에서 구독(감시, observe하고 있음), 만약 state의 변화가 생긴다면 그때 가상돔과 실제돔을 비교하여 수정된 부분만을 실제돔에 리랜더링(랜더링 최적화)