HTML,CSS,JS 와 웹앱의 동작 방법

 

HTML (Hyper Text Markup Language)

-> 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당

-> 브라우저가 프로젝트 단위로 화면에 출력될때 index.html 파일을 우선적으로 찾아서 열게된다.

 

CSS (Cascading Style Sheets)

-> 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당

 

JS (JavaScript)

-> 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당

 

웹앱의 동작 방법

 

사용자 컴퓨터(브라우저)에서 주소를 입력

 

1. 브라우저에서 서버 측에 최초 요청(Request)

2. 서버에서 컴퓨터에 최초 응답(Response) -> HTML

3. 브라우저에서 서버 측에 추가 요청

4. 서버에서 추가 응답 -> CSS , JS , JPG 등

 

웹 사이트를 개발하는 사용자 컴퓨터 환경을 '로컬(Local) 개발 환경'이라고 한다.