웹 개발

HTML 은 구조를 만드는 마크업 언어, CSS 는 스타일을 담당하는 디자인 언어, JavaScript 는 구조와 스타일이 완성된 각각의 요소에 생명을 부여하는 역할, 뼈와 근육과 뇌

학습 목표

• 웹 개발에 있어서 HTML, CSS, JavaScript 의 열할을 각각 설명할 수 있다.

개념 학습

• HTML (Structure, 구조)
• CSS (Presentation, 스타일)
• JavaScript (Interaction, 상호작용)

• 웹 개발
  • 하나의 건물을 만드는 것
  • 집의 구조를 그리는 것; 문, 지붕, 창문 등의 위치 (HTML, 구조)
  • 집의 디자인; 벽의 색, 창문의 모양, 지붕의 모양 등 (CSS, 디자인)
  • 집의 기능; 밤이되면 불이켜지거나 스위치 조작시 불이 켜지는 것 등 (JavaScript, 상호작용)

• 실제 웹 개발 흐름 (Actual Web Dev Flow)
  1. 디자이너가 대강의 와이어프레임을 그리면 개발자가 HTML 로 먼저 작성
  2. 디자이너가 만든 디자인을 웹페이지에 구현하기 위해 CSS 를 작성
  3. 기능 구현을 위해 자바스크립트를 구현

• 기획자, 디자이너, 개발자가 각자의 역영에서 최고의 전문성을 발휘할 수 있듯이 HTML, CSS, JavaScript 도 각자의 전문성에 집중하여 멋진 웹 어플리케이션을 만들 수 있습니다.