웹프로그래밍의 3요소

HTML = 뼈대
・웹페이지의 틀을 담당

CSS = 피부
・웹페이지의 디자인을 담당

JavaScript = 근육
・웹페이지의 움직임을 담당

HTML

웹페이지의 틀, 즉 내용을 구성
HTML은 head, body로 구성

• head에는 CSS, JavaScript를 포함한 사이트의 제목 등 내용 외의 요소를 표기
• body에는 구역, 문단과 같은 내용을 표기

CSS

웹페이지의 디자인, 즉 생김새를 구성
CSS는 HTML에서 생성한 틀을 다자인

• 'style' 태그 내의 구성을 통하여 HTML의 body의 출력을 디자인
• CSS의 주요 기능들은 Bootstrap을 통해 찾아 쉽게 사용 가능

  https://getbootstrap.com/docs/5.3/getting-started/introduction/

JavaScript

웹페이지의 움직임, 즉 상호작용을 통한 변화를 구성

• 개발자 도구를 이용
• 상호작용이 발생하도록 할 수 있기 때문에 웹페이지 이외의 다양한 곳에서도 사용 가능
• 'script'태그 내에서 다양한 함수를 사용
• JQuery를 사용해서 더 쉬운 개발 가능