html - 뼈대
css - 인테리어
js - 기능

HTML - Hyper Text Markup Language

Markup Language

• 태그 이용하여 구조를 명기.
• 데이터를 기술하는 정도(프로그래밍 언어와 다름)

<!-- 꺾쇠 사이에 태그명을 적는다 -->	
<!-- 태그는 앞뒤로 꺾쇠 사이에 태그명을 적고 -->
<!-- 뒤에는 /를 넣어준다 -->
<!-- 태그 사이에는 문서 내용이 들어간다. -->
<h1>안녕하세요</h1>

---

CSS - Cascading Style Sheets

• 시각적 스타일과 레이아웃
• 글꼴 크기 및 색상, 위치 지정, 배경 이미지 등

<!-- css 적용 방법 -->
<!-- 대상이 되는 태그명이나 선택자를 적고 -->
<!-- 중괄호 사이에 스타일 속성을 적어 준다 -->
<!-- 스타일 속성 및 속성값 뒤에는 꼭 세미콜론을 붙인다 -->
<style>
    h1 {
        background-color: aqua; 
        color: blue; /* 마우스 올려 놓을 시 */
        cursor: pointer;
    }
</style>

---

JavaScript

웹페이지에 동작 및 상호작용을 추가

• 팝업 및 알림 만들기
• 양식 확인
• 애니메이션 및 효과 추가
• DOM(Document Object Model) 조작
• 웹 API에서 데이터 가져오기
• 대화형 게임 및 퀴즈 만들기

<script>

    const test = () => alert("클릭하셨습니다."); // 구조 확인!

</script>