"> 제목 "> 제목 ">

<head>
  <!-- HTML Meta Tags -->
  <meta charset="UTF-8" />
  <title> 제목 </title>
  <meta
    name="description"   content=" 설명 "   />
  <meta name="keywords" content="키워드, 양파고, Yang Phago, 노션, 양파고 노션, notion" />

  <!-- Open Graph / Facebook -->
  <meta   property="og:title"   content="제목 "  />
  <meta  property="og:description" content=" 설명, 양파고, Yang Phago, 노션, 양파고 노션  "  />
  <meta property="og:image" content="대표 이미지" />
  <meta property="og:url" content="페이지 주소" />
  <meta property="og:type" content="website" />
</head>

목차(클릭하세요)

<aside> 💡 코드박스가 초보자를 위한 미래다!!

</aside>

1. 웹(web)의 3대 기본 언어 이해하기

HTML = 집의 뼈대와 구조 (벽, 문, 창문의 위치)
CSS = 집의 인테리어와 디자인 (색깔, 가구 배치, 조명)
JavaScript = 집의 전기와 자동화 시스템 (스위치, 자동문, 스마트홈)

1-1. HTML

핵심 개념: 웹페이지에 나타나는 모든 요소의 배치와 내용을 기술하는 언어

태그(Tag): <div>, <p>, <h1> 등으로 요소를 감싸는 방식
시맨틱: 의미있는 태그 사용 (<header>, <nav>, <main>)
구조화: 논리적인 문서 구조 만들기

1-2.CSS( Cascading Style Sheets)

핵심 개념: 웹 페이지 요소의 스타일을 정할 때 사용하는 언어

선택자(Selector): 어떤 요소를 꾸밀지 선택
속성(Property): 색상, 크기, 위치 등의 스타일
반응형: 다양한 화면 크기에 맞춰 조정

1-3.JavaScript

핵심 개념: 웹 페이지에 동적인 기능(움직이거나 변화하는)을 장착할 수 있게 도와주는 언어

이벤트: 사용자의 행동에 반응