[Udemy Vue 완벽가이드 Section7] 76. 개발 서버가 필요한 이유

개선된 setup들이 필요한 이유를 알아보자.

 

# We Need A Proper (development) Web Server.

- 필요한 setup 중 하나는, 적절한 '(개발) 웹 서버'이다. 이게 무슨 뜻일까?

 

 

1. We use the file:// protocol instead of the https:// protocol.

- "Double-clicking" index.html doesn't run the app under realistic cincrumstances.

• 지금까지 index.html 파일을 더블클릭해서 브라우저를 보면서 Vue 애플리케이션을 테스트하였다. 물론 작동은 하지만 현실성은 떨어지는 방법. 우리가 원하는 테스트 방식이 아니다.

- index.html 파일을 더블클릭하게되면  https:// 프로토콜이 아니라 file:// 프로토콜을 사용하게 된다.

** 이 경우는, 웹 브라우저가 index.html 파일을 '직접' 열었을 때의 주소.

 

 

- 구글같은 건 HTTP, 정확하게는 HTTPS 프로토콜을 사용하는 웹사이트로 로드된다.

- file과 https는 완전히 다르다. 페이지를 제공하는 방식과 코드에서 사용할 수 있는 기능에 영향을 준다.

- 그리고, JS에서 사용할 수 있는 기능이 달라진다.

 

 

2. Some (modern JS or Browser) features will not work there.

- 모던 JS의 특정 기능은 실제 file 프로토콜 설정에서는 작동하지 않는다.

- 그리고, 결국 앱 사용자들도 '웹사이트'를 방문한다. 그러므로 웹서버에서 호스팅되는 웹사이트를 구축해야한다.

 

 

3. The final, deployed app will be served via https:// not via file://.

- 사용자에게 보이는 최종 앱은 서버에서 호스팅되므로 file:// 프로토콜이 아닌, https:// 를 통해 제공된다.

- 최종적으로 사용자가 보게 되는 환경과 다른 환경에서 웹애플리케이션을 테스트 하는 것은 좋은 방식이 아니다.

 

 

현재 개발 웹서버는 로컬에서 실행되는 웹서버이므로, 당장의 서버비용을 지불할 필요는 없다.

컴퓨터에서 모든 것을 로컬로 테스트할 수 있다.

 

** 웹 서버에 대해서 정리한 글 ↓

2023.08.16 - [Computer Science] - 웹 서버

 

** 출처: 모든 내용은 Udemy Vue-완벽가이드 강의를 기반으로 작성하였습니다.