1. HTML (HyperText Markup Language)
- 역할: 웹 페이지의 구조와 내용을 정의하는 마크업 언어이다. HTML 요소들은 웹 페이지의 다양한 부분들(텍스트, 이미지, 링크, 폼 등)을 정의하고 브라우저에 표시되는 방식에 영향을 준다.
- 기본 구조: HTML 문서는 <!DOCTYPE html> 선언으로 시작하며, <html>, <head>, <body> 등의 주요 태그로 구성다.
2. CSS (Cascading Style Sheets)
- 역할: 웹 페이지의 시각적 스타일을 정의하는 언어이다. CSS를 사용하면 글꼴, 색상, 레이아웃, 애니메이션 등 웹 페이지의 외관을 지정할 수 있다.
- 스타일링 방법: CSS는 HTML 파일 내의 <style> 태그, 외부 CSS 파일, 또는 인라인 스타일로 적용할 수 있다.
- CSS 파일 구조: .css 파일은 프로젝트의 스타일 관련 내용을 포함하고 있으며, 여러 HTML 파일에서 공통으로 사용될 수 있다.
3. JavaScript
- 역할: 웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어이다. JavaScript는 사용자와의 상호작용, 데이터 처리, API 호출 등을 수행한다.
- 기본 개념:
- 변수: 데이터를 저장하는 공간.
- 함수: 특정 작업을 수행하는 코드 블록.
- 이벤트: 사용자가 버튼을 클릭하거나 페이지를 스크롤할 때 발생하는 동작.
- 파일 구조: .js 파일은 JavaScript 코드를 포함하며, HTML 파일과 연결되어 동작한다.
728x90
'JS' 카테고리의 다른 글
| JavaScript 게시판 만들기 - 로그인 기능 만들기 (0) | 2024.11.12 |
|---|---|
| JavaScript 게시판 만들기 - JavaScript 회원 가입 만들기 (0) | 2024.08.21 |
| JavaScript 게시판 만들기 - 실행환경 구축 ( VS CODE ) (0) | 2024.08.21 |
| JavaScript 게시판 만들기 - 로컬스토리지 ( localStorage ) 란? (0) | 2024.08.21 |
| JS 이벤트 처리 - 8 ( AJAX 와 Fetch API ) (0) | 2024.08.02 |
