위코딩
반응형
article thumbnail
[jQuery] jQuery 소개와 기본 구문
Library/jQuery 2023. 7. 20. 14:26

jQuery는 자바스크립트 기반의 빠르고 간편한 웹 프론트엔드 개발을 위한 라이브러리입니다. 이는 HTML 문서 탐색, DOM 조작, 이벤트 핸들링, 애니메이션 효과 등을 단순화하고, 다양한 브라우저에서 일관된 동작을 지원하며, 간결한 문법으로 개발자들이 편리하게 사용할 수 있도록 제작되었습니다. jQuery 소개 jQuery는 2006년 존 레식이 개발한 오픈소스 자바스크립트 라이브러리로, 당시의 브라우저들이 서로 다른 방식으로 자바스크립트를 해석하는 문제를 해결하고자 탄생했습니다. 브라우저 호환성을 위한 크로스 브라우징 문제와 불편한 DOM 조작을 간소화하는 목적으로 제작된 jQuery는 웹 개발자들에게 큰 인기를 끌어왔으며, 현재까지도 다양한 웹 프로젝트에서 사용되고 있습니다. jQuery의 기본 ..

article thumbnail
[CSS] CSS 선택자 (요소 선택자, 클래스 선택자, ID 선택자 등)
Style sheet/CSS 2023. 7. 19. 03:01

CSS 선택자는 HTML 문서 내에서 스타일을 적용할 대상을 선택하는 역할을 합니다. 다양한 선택자를 사용하여 원하는 HTML 요소에 스타일을 적용할 수 있습니다. 주요한 CSS 선택자에 대해 설명하겠습니다. 1. 요소 선택자(Element Selector) 가장 기본적인 선택자로, HTML 요소의 이름을 사용하여 스타일을 적용합니다. 요소 선택자는 해당 HTML 요소 전체에 스타일을 적용합니다. /* 모든 태그에 적용되는 스타일 */ h1 { color: blue; } 2. 클래스 선택자(Class Selector) HTML 요소에 class 속성을 추가하고, 그 클래스 이름을 사용하여 스타일을 적용합니다. 클래스 선택자는 여러 개의 HTML 요소에 같은 스타일을 적용하고 싶을 때 유용하게 사용됩니다...

article thumbnail
[CSS] CSS 소개와 기본 구문
Style sheet/CSS 2023. 7. 19. 02:47

CSS(Cascading Style Sheets)는 HTML과 같은 마크업 언어로 작성된 웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어입니다. CSS는 웹 페이지를 아름답고 일관된 디자인으로 꾸미는 역할을 담당하며, 웹 개발에서 필수적인 기술 중 하나입니다. 1. CSS 소개 CSS는 HTML로 작성된 웹 페이지의 디자인, 레이아웃, 색상, 글꼴, 크기 등을 스타일링하는 역할을 합니다. HTML은 웹 페이지의 내용을 정의하고, CSS는 이 내용을 꾸미고 디자인하는 역할을 합니다. 이를 통해 웹 페이지의 모양과 느낌을 자유롭게 조절할 수 있습니다. CSS는 다양한 선택자(selector)와 스타일 속성(property)을 사용하여 웹 페이지의 요소들을 선택하고 스타일을 적용합니다. 스타일 속성..

반응형
loading loading