웹사이트 제작에 필요한 3가지 핵심 코드
1. HTML (HyperText Markup Language)
HTML은 웹페이지의 구조와 콘텐츠를 정의하는 마크업 언어입니다. 제목, 단락, 이미지, 링크 등 웹페이지의 뼈대를 구성합니다.
주요 특징:
•
태그 기반 구조로 콘텐츠를 의미론적으로 표현
•
웹 브라우저가 해석하여 화면에 표시
•
시맨틱 태그를 통해 검색엔진 최적화(SEO) 가능
2. CSS (Cascading Style Sheets)
CSS는 HTML로 구성된 웹페이지의 디자인과 레이아웃을 담당하는 스타일시트 언어입니다. 색상, 폰트, 배치, 애니메이션 등 시각적 요소를 제어합니다.
주요 특징:
•
HTML과 분리하여 디자인을 관리
•
반응형 웹 디자인 구현 가능
•
일관된 스타일을 여러 페이지에 적용
3. JavaScript
JavaScript는 웹페이지에 동적인 기능과 상호작용을 추가하는 프로그래밍 언어입니다. 사용자의 입력에 반응하고, 콘텐츠를 동적으로 변경하며, 서버와 통신할 수 있습니다.
주요 특징:
•
웹페이지의 동적 동작 구현
•
사용자 이벤트 처리 (클릭, 스크롤 등)
•
Ajax를 통한 비동기 데이터 통신
•
프론트엔드 프레임워크(React, Vue, Angular)의 기반