[웹 표준에 맞는 HTML5 프로그래밍] 1차시 - 웹 프로그래밍 이해하기

웹 프로그래밍의 개요

1. 웹 프로그래밍

하이퍼텍스트 프로토콜(hypertext protocol)을 활용하여, 월드 와이드 웹(WWW:World Wide Web)을 통해 정보를 공유하는 환경을 구현하는 것

2. HTML5

-하이퍼텍스트(Hyper text): 텍스트, 이미지, 영상 같은 문서의 개체가 서로 연결되어 있는 것

-마크업 언어(Markup Language): 태그(tag)를 이용하여 문서나 데이터의 구조를 명시하는 언어

3. CSS3

-캐스캐이딩(Cascading): 우선 순위에 따라 적용하는 것

-스타일 시트(Style Sheets): 웹 페이지의 스타일(디자인)을 정의하는 것

4. JavaScript

웹을 풍부하게 만들어주는 상대적으로 가벼운 프로그래밍 언어

 

웹 프로그래밍 관련 주요 구성 요소

1. 웹 브라우저: 사파리, 파이어폭스, 크롬, 엣지, 오페라 등

2. 웹 편집기

-텍스트 편집기(Text Editor): 노트패드++, 에디트 플러스, 울트라 에디트

-코드 에디터(Code Editor): 비주얼 스튜디오 코드, 서브라임 텍스트, 아톰, 브라켓, 드림위버 등

-웹 기반 코드 편집기(Web based Code Editor), 통합개발환경(Integrated Development Enviroment):

코드팬, 라이브위브, 구름IDE 등

3. 네이티브 앱, 웹 앱, 하이브리드 앱

 

실습환경 구축하기

1. 크롬 설치, 개발자 도구 살펴보기

2. 비주얼 스튜디오 코드와 확장 설치

3. w3schools.com의 Tutorial 살펴보기