이론

웹과 앱, 웹과 인터넷의 차이점

• 앱 : 설치해야 하는 것 (ex. 한글, 크롬 등)
• 인터넷 (inter + network) : 전 세계 컴퓨터들을 하나로 연결하는 거대한 컴퓨터 통신망
• 웹(world wide web) : 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간

웹 클라이언트, 웹 서버

• 웹 클라이언트 (web client)
  • 고객
  • 클릭하는 페이지를 요청하는 PC
  • 네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터(서버에 요청)
• 웹 서버 (web server)
  • 클릭된 페이지를 제공하는 PC
  • 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터(클라이언트에게 응답)

웹 표준, 프로토콜

• 웹 표준 : 운영체제/브라우저와 상관없이 동일한 서비스 제공
• 프로토콜 : 컴퓨터들 간 원활한 통신을 위해 지키기로 약속한 규약
  • HTTP : 하이퍼텍스트를 기반으로 데이터를 전송하는 프로토콜

URL

• 웹페이지,이미지,비디오 등 리소스의 위치를 가리키는 문자열
• ex.http://smhrd.or.kr/job/live/index.html
  • http : 프로토콜
  • smhrd.or.kr : 정보자원을 가진 컴퓨터 위치
  • job/live/ : 자원이 있는 폴더
  • index.html: 자원 이름

홈페이지

• 홈페이지 = HTML(뼈대) + CSS(디자인) + JS(기능)
• blog = web + log(기록) : 웹에 기록한다

VSCODE 설치하기

1. VSCODE 다운로드 및 설치(https://code.visualstudio.com/)
   

   • 운영체제에 맞게 설치하기!

2. 확장 메뉴에서 플러그인 설치(한국어, live server, live preview, HTML CSS Support)
   
   
   
   

   • Korean Laguage Pack for ~ : 한국어 지원
   • live server / live preview : 정적 웹 페이지 또는 웹 애플리케이션을 개발하면서 변경 사항을 실시간으로 브라우저에서 볼 수 있음
   • HTML CSS Support : HTML 및 CSS 코드 작성 시 자동 완성 기능 제공