10. SPA / 11. CLI,CDN

10. React, Vue, Angular Framework 사용하는 이유가 SPA를 사용하기 위함이다.
 여기서 말하는 SPA란 무엇인가?

Single Page Application의 약자

기존의 웹 페이지에서는 여러페이지로 구성이 되어있어 페이지를 로딩할때마다 서버에서 리소스를 전달받아와서 렌더링했다.
즉, 웹 어플리케이션 뷰를 서버에서 담당했었다.
하지만, 규모가 커지고 사용자와의 상호 작용이 많아짐에 따라, 데이터 정보 전송 과부화로 인한 속도 저하 등 문제점이 생기게 되었다.

그래서 요즘 나오는 라이브러리 또는 프레임워크는 뷰 렌더링을 서버가 아닌 웹 브라우저가 담당한다.

예전에는 페이지를 요청할때마다 서버로 접속하여 받아왔기 때문에, 페이지가 매번 새로고침 되었지만,
SPA의 경우 서버에서 제공하는 페이지가 한 개다.

단점
1. 앱의 규모가 커지면 자바스크립트 파일이 너무 커진다는 것이다. (페이지 로딩시 실제 사용자가 방문하지 않을 수도 있는 페이지의 스크릅트도 불러오기 떄문이다)
2. SEO , 크롤러가 페이지 정보를 수집하지 못하여 페이지 검색이 힘듬. (구글,네이버 같은)대형 포털싸이트에 검색 안될경우도 있음.




11. Framework는 두가지로 코드분류 CLI,CDN으로 나누어진다. 이 두가지의 차이점은?

CDN은 Content Delivery Network(콘텐츠 전송 네트워크)의 약자

CDN(Content Delivery Network)는 별도의 다운로드 없이 직접 Resource의 주소를 이용하여 실행 시 자원을 불러오도록 도와준다.

CDN (Contents Delievery Network) 이란?
• 지연을 최소화하면서 사용자에게 컨텐츠를 배포하는 데 도움이 되는 서버 및 해당 데이터 센터의 지리적으로 분산된 네트워크
CDN의 이점
• 웹사이트 페이지 로드 시간 개선
• 대역폭 비용 절감
• 컨텐츠 가용성 및 중복성 증가
• 웹사이트 보안 개선

CLI는 Command Line Interface의 약자인데, 명령어를 통해서 컴퓨터를 제어하는 프로그램

command 상에서 작업을 처리하는 방식

 

프로젝트 생성시 설정할 수 있는 옵션들을 쉽게 셋업할 수 있다

명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다

개발 환경을 설정해주는 도구입니다. 기본적인 프로젝트 세팅을 해주기 때문에 폴더 구조에 대한 고민, 어떤 라이브러리로 구성을 해야되는지 등에 대한 고민을 덜을 수 있습니다.