웹사이트 : 구조 + 스타일 + 동적인 내용 이 합쳐진 결과물,제품이다.
HTML (Hyper Text Markup Language)
페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당. LIKE 기획자
CSS (Cascading Style Sheets)
실제 화면에 표시되는 방법(색상, 크기, 폰트 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당. LIKE 디자이너
JS (JavaScript)
콘텐프를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당. LIKE 개발자
웹앱의 동작 원리
사용자 컴퓨터(브라우저) -> 주소창에 페이지 주소 입력 -> 1. 최초 요청(Request) -> 서버 -> 2. 최초 응답(Response) -> 이를 통해 기본적인 구조를 확인 -> 3. css, js, 이미지 파일 등 추가 요청 -> 서버 ->추가 응답
로컬(local) 개발 환경에서 작성한 프로젝트를 서버에 업로드
