정적웹, 동적웹, MVC웹 프레임워크,앵귤러 리액트,뷰 란?? -얄팍한 코딩사전 -

#1정적웹, 동적웹이뭔가요?
정적웹(편의점) 진열된 음식을 사서 온수 또는 전자레인지로 직접 요리해서 먹기
동적웹(식당) 음식을 주문하면 주방(서버)에서 그때 그때 요리가 되어서 나온다.
먹는음식은 비슷할 수 있지만 가장 큰  차이점은 요리를 해주냐 아니냐 이다.

정적웹; 언제접속해도 리소스를 건제주는 웹사이트
정적웹사이트에 접속을하면 서버는 마치 진열대에 놓인 상품처럼 이미 프로그래머가 작
성해놓은 HTML,CSS,JS파일들을그대로 클라이언트의 브라우저에 전해준다.

 

정적웹의 기준

==> 접속할때마다 받게되는 HTML,CSS,JS코드들 그리고 동봉된 이미지,동영상 등의 파일들이 같은가 이다.

더욱 정확히는 서버에서 이걸 매번 가공해서 제공하는 것이 아니라,프로그래머가 작성해서 갖다 준 제품들이

진열되어 있는 걸 그대로 가져가게 하냐는 것이다.

#2 MVC웹 프레임워크가 뭔가요? 

국가기관을 입법,사법,행정으로 나누듯이 웹사이트같은 소프트웨어는
Model
View
Controller 즉,MVC란 접근법이 많이 사용된다.
VIew(html,css)
Controller(프로그래밍이 이부분에서 많이 이뤄질듯?)
Model(데이터에 관련된것)
Mdel은 식료품창고를 보관하고 음식을 요리하는 주방장
View는 플레이팅하는 직원
Controller는 주문도 받고 서빙도하는 매니저

라이브러리는 부품, 즉 문짝이나 욕조등의 부속품이라고 한다면
프레임워크는 이것들이 연결되어서 기초적인 제품골격을 갖춘 상태를 말한다.

즉 가져다 쓰는게 라이브러리이고 기본 틀로 삼아서 그위에 뭘 덧붙여 만드는게 '프레임 워크 인것이다'

웹프로그래밍에는 여러 언어가 사용되고 이언어들마다 또 여러 MVC 웹프레임워크가 있다.
어떤 주소로 들어갔을때 어떤 페이지를 보여줄지 메뉴판을 마련해두는  Routing(라우팅)이라고 한다.
라우팅하는 법은 프레임워크마다 다르다.


3 앵귤러,리액트,뷰가 뭔가요?
왜 위의  나오게 되었는가?
첫번째 작은 하나(좋아요 개수 하나추가)가 변할때도 서버에서 데이터를 다시 끌어와 페이지를 통쨰로 로드했어야했다.
하지만 ajax라는 기술이 나온이후 http 통신으로 데이터를 전송하고 결과를 받아와서 특정 부분을 변경해라!
하고 jS로 명령을 줄수 있게 되었지만 일일이 프로그래밍 해야하는 불편함이 있다.
두번쨰 모바일의 시대가 여리고 PC용 웹사이트 뿐아니라 앱이나 스마트폰 브라우저까지 개발을 하게 되었다.
그래서 겹치는 부분을 생각하여 브라우저에서도 동작하는 JS언어로 강력한 라이브러리나 프레임 워크를 만들게되다.

.
그게 바로 SPA프레임워크이다. 종업원들이 고기와 쌈재료를 가져다주면 손님이 직접 불판에 구워먹는 고기집이라고 생각하면 된다.

서버는 정적웹처럼 HTML,CSS,자바스크립트로 된 코드들을 브라우저로 전송해준다.
여기에 포함된 JS코드는 주어진 데이터에 따라 HTML웹페이지를 랜더링해낸다.
기존의 동적웹에서 서버가 하던 일을 이제는 사용자의 컴푸터에서 브라우저가 해내는 것이다.
SPA는 서버에서 데이터를 받아와야 할 때 마다 요청을 보내서 반환된 데이터로 사이트 내용을 갱신한다.
이렇게 되면 사이트에서 뭘 할때마다 새로 접속하지 않고 한번 로드된 화면에서 많은 기능을 사용할 수 있다.