프론트앤드 라이브러리/프레임워크 ?!

프론트엔드 라이브러리?

• 웹사이트 만들기 위해서는 필수적인것은 아님
• 정적페이지라면 자바스크립트 없이 HTML, CSS도 가능
• 동적으로는 자바스크립트 사용

but, 요즘은 웹앱!

• 동적으로 표현필요

• 프로젝트 규모 커지고

• 다양한 인터페이스적용한다면?! 없이 프레임워크 없이는 힘들어진다.

프론트엔드 프레임워크/라이브러리 3대장

• Angular
  • 다양한 기능 내장
  • 다국어지원
  • 이미 많이 사용, 사용률 높음
  • 타입스크립트 사용 거의... 강제!

• Vue
  • 입문 쉽고
  • 모듈 번들러 없이, CDN으로 불러옴
  • 공식 라우터, 상태관리 라이브러리 존재
  • 리액트 장점 앵귤러 장점 믹싱?!

번들러 : 지정한 단위 파일들을 하나로 만들어서 요청대 대한 응답으로 전달할 수 있는 환경 만들어주는 것
CDN (Content Delivery Network) : 정적컨텐츠 캐싱이 목적

• React
  • 컴포넌트에 집중
  • 프레임워크가 아닌 라이브러리
  • 공식 라우터, 상태관리 라이브러리 없이 서드파티

잠깐!
프레임워크 : 필수코드, 알고리즘, DB연동 같은 기능이 어느정도 구성되어있는 뼈대
            인터페이스의 집합

라이브러리 : 특정 기능에 대한 API(도구 / 함수) 모은 집합

그럼 이 둘의 차이는?
라이브러리는 애플리케이션의 흐름을 직접 제어
프레임워크는 애플리케이션 코드가 프레임워크에 의해 사용되는 것