💻 ITHTML / CSS / JavaScript

HTML / CSS / JavaScript란?

웹사이트를 구성하는 기본 3요소로, 각각의 역할이 분명하게 나뉘어 있어요.

HTML은 뼈대, CSS는 디자인, JavaScript는 동작을 담당해요.
이 세 가지는 웹 개발의 핵심 기초 언어예요.

각각의 역할

•  HTML (HyperText Markup Language): 웹페이지의 구조와 콘텐츠(제목, 문단, 이미지, 버튼 등)를 정의하는 언어예요.
•  CSS (Cascading Style Sheets): HTML로 만든 요소들의 색상, 크기, 정렬, 애니메이션 등 시각적 스타일을 지정해요.
• ⚙JavaScript: 웹페이지에 인터랙션(버튼 클릭, 팝업, 애니메이션 등 동작)을 추가하는 프로그래밍 언어예요.

 왜 중요할까?

이 세 가지는 웹사이트를 만들고 운영하는 데 반드시 필요한 기본 기술이에요.

정적인 정보 제공(HTML+CSS)부터, 동적인 쇼핑몰, 애플리케이션까지 모두 이 기술 위에서 만들어져요.

실전 활용 예시

• HTML: `구매하기` → 버튼 생성
• CSS: `button { background-color: red; }` → 버튼에 색상 적용
• JavaScript: `button.onclick = function() { alert('구매 완료!'); }` → 클릭 시 메시지 출력

주의할 점

• 각각의 역할을 혼동하지 않기: HTML에 스타일이나 동작을 직접 넣기보다는 분리하는 게 좋아요.
•  반응형 디자인 고려: CSS에서 다양한 화면 크기를 고려해야 모바일 대응이 가능해요.
•  사용자 행동 기반 설계: JavaScript는 사용자가 무엇을 원하는지에 따라 인터랙션을 설계해야 해요.

🔍 관련 키워드

HTML, CSS, JavaScript, 웹개발 기초, 프론트엔드, 마크업 언어, 반응형 디자인, 인터랙티브 웹