HTML(HyperText Markup Language)은 JavaScript와 같은 프로그래밍 언어가 아니라 웹 페이지의 뼈대를 구성하는 마크업언어입니다.이번 섹션의 목표는 하나의 완성된 웹 애플리케이션을 만드는 것입니다. 이를 위해 HTML로 구성된 뼈대 위에 JavaScript로 기능을 구현하고, CSS로 스타일을 입히는 과정을 거치게 될 것입니다. 따라서, 이 단계에서 HTML에 대한 기본적인 개념과 사용법을 충분히 익히는 것이 중요합니다. Chapter2-1. HTML 기본 구조와 문법 HTML - 웹 페이지의 틀을 만드는 마크업 언어 선언을 빼고 나머지 태그들은 쌍이 있다. 여는 순서와 닫는 순서가 철저하게 지켜지고있다. 이것을 트리 구조라 한다. HTML 태그들은 정말 많이 있다. 다 외우기..
마크업언어 : HTML HTML은 집을 짓기 전 설계도에 따라 구조를 잡듯,웹 페이지의 구조를 짜는 언어 Chpater1. 웹 개발 이해하기 HTML - 구조(Structure) CSS - 스타일(Presentation) JavaScript - 상호작용(Interaction) 웹개발과정은 건물을 짓는것과 같다. 너무 어려우면 강아지 집을 짓는것을 생각해보자. 누군가가 강아지 집을 지을때 강아지 집의 구조를 간단히 그리는 것은 웹개발에서 HTML 을 작성하는 거와 같다. 누군가가 그린 강아지 집의 구조를 그릴때 '어디가 문이다', '어디가 제목이다',이런 정보를 기록해야한다. 그것을 HTML로 문서화하면 오른쪽 그림과 같다. 누군가가 강아지 집에 대한 디자인에 대한 정보를 기록해논것을 문서화하면 css를 ..
👐 수업소개 남의 문제를 통해서 코딩을 배우려는 학생이 아니라 나의 문제를 코딩으로 해결하려는 엔지니어로 상상한다. 🤫 프로젝트의 동기 개발자로서 이 사이트를 만든배경을 알려주는수업. 📝 기획 우리가 만든 웹사이트를 기획. 무엇인가를 만들기 전에 무엇을 만들 것이가를 미리 상상하고,계획해보는 과정이 필요하다. 이런 과정을 기획이라고 한다. 💻 코딩과 HTML 기획을 끝냈으니 구현을 할차례이다. 오른쪽이 사람이 하는 일이면서 원인이고, 그것에 대한 결과가 왼쪽이면서 기계가 하는일이다. 사람이 하는 일 다시 말해서 원인을 부르는 여러 표현이 있다. 부호 또는 신호라는 의미의 코드(code) 원천이라는 뜻의 소스 (Source),약속이라는 의미에서 언어 그중에서 컴퓨터 언어라고 한다. 기계 가 하는 일 다시 ..
