NaEun's Notes

정적 페이지 💡정적 페이지 우리 회사에 오신 걸 환영합니다! 이 페이지는 항상 동일합니다.서버에 저장된 HTML 파일을 그대로 전달누가 요청하든 똑같은 내용이 반환됨HTML 안에 서버에서 채워 넣는 데이터가 없음ex. 회사 소개, 블로그 글 같은 고정 정보➡ 즉, “항상 동일한 결과물을 보내는 페이지”동적 페이지 💡동적 페이지 클라이언트의 요청이나 상황에 따라 서버가 데이터를 가공해서 HTML을 만들어 전달같은 URL이어도 요청자나 조건에 따라 내용이 달라짐HTML 템플릿 안에 변수 같은 자리를 두고, 서버가 데이터를 채워서 보냄ex. 로그인 후 사용자 이름 표시, 쇼핑몰에서 “장바구니 목록” 보여주기➡ 즉, “요청할 때마다 결과물이 달라질 수 있는 페이지”

표준 HTML 구조HTML 문서는 W3C(World Wide Web Consortium)에서 정한 표준을 따라 작성됩니다. 표준 구조는 문서의 일관성과 가독성을 높이고, 브라우저가 문서를 올바르게 해석할 수 있도록 도와줍니다.   1. 문서 유형 선언 : HTML5 문서를 선언합니다. 브라우저가 HTML5 표준을 따르도록 지시하는 역할을 합니다. 2.  태그HTML 문서의 루트 요소 : 모든 HTML 콘텐츠를 포함합니다.lang 속성 : 문서의 언어를 지정합니다. ex. lang="en" (영어), lang="ko" (한국어)3.  태그 메타데이터를 포함 : 문서에 대한 정보를 브라우저나 검색 엔진에 제공하며, 다음과 같은 요소를 포함할 수 있습니다: : ..

부트스트랩 (Bootstrap)부트스트랩은 HTML, CSS, JavaScript로 구성된 오픈소스 프레임워크입니다. 주요 컴포넌트 중 하나인 'Card 컴포넌트'는 정보나 콘텐츠를 깔끔하게 보여주는 데 사용되며, 제목, 텍스트, 이미지, 링크 등 다양한 요소를 포함할 수 있는 다용도 UI 요소입니다. 트위터에서 개발되었으며, 웹 애플리케이션의 디자인을 빠르게 구현할 수 있도록 다양한 구성 요소와 스타일을 제공합니다.특징 반응형 디자인 : 다양한 화면 크기와 디바이스에서 잘 동작하는 레이아웃을 제공합니다.CSS 구성 요소 : 버튼, 네비게이션 바, 카드 등 기본 스타일을 가진 UI 요소를 포함합니다.JavaScript 플러그인 : 모달, 드롭다운, 알림창 등 동적인 요소도 쉽게 추가할 수 있습니다.사용 ..

HTMLHTML(HyperText Markup Language)은 웹 페이지의 구조를 정의하는 마크업 언어입니다. 이를 통해 웹 브라우저가 내용을 어떻게 표시할지 이해할 수 있습니다.특징 구조 정의 : HTML은 웹 페이지의 제목, 단락, 목록, 링크, 이미지와 같은 요소를 정의합니다.태그 기반 : HTML은 , , 와 같은 태그를 사용하여 문서의 각 요소를 표시합니다.콘텐츠 중심 : HTML은 웹 페이지의 콘텐츠를 작성하는 데 초점을 맞춥니다.정적 문서 : 기본적으로 HTML은 정적인 페이지를 생성하지만, JavaScript와 결합하면 동적인 기능을 추가할 수 있습니다.예시 안녕하세요, HTML! 이것은 HTML의 예제입니다.CSS CSS(Cascading Style Sheets)는 웹 페..