Leo's Story

jQueryjQuery는 JavaScript 라이브러리로, 웹 페이지에 동적 기능을 쉽게 추가할 수 있게 해줍니다. jQuery 기본 구문$(selector).action(); 주요 메소드와 기능1. HTML/DOM 조작   - `.html()`: HTML 요소의 내용을 가져오거나 설정   - `.append()`: 선택한 요소의 끝에 새 콘텐츠 추가   - `.prepend()`: 선택한 요소의 시작 부분에 새 콘텐츠 추가 2. 이벤트 처리   - `.click()`: 클릭 이벤트 처리   - `.dblclick()`: 더블클릭 이벤트 처리   - `.mouseenter()`: 마우스 진입 이벤트 처리 3. 효과 및 애니메이션   - `.fadeIn()`, `.fadeOut()`: 페이드 효과   - ..

CSS: 웹 페이지를 예쁘게 만드는 비법 CSS는 웹 페이지를 꾸미는 도구입니다. HTML이 웹 페이지의 뼈대라면, CSS는 그 위에 입히는 옷이라고 생각하면 됩니다. 주요 CSS 속성 1. 디스플레이(display) 속성: 요소들의 배치 방식   - block: 한 줄을 다 차지 (예: ``, ``, ``)   - inline: 자기 크기만큼만 차지 (예: ``, ``, ``)      div의 display를 inline으로 바꾸면 텍스트 크기에 맞는 상자를 만들 수 있습니다. 2. 포지션(position) 속성: 요소의 위치 지정   - static: 기본값, 특별한 위치 지정 없음   - relative: 원래 위치 기준으로 이동   - fixed: 화면에 고정 (스크롤해도 그 자리에!)   - ..

HTML 기초 HTML(Hypertext Markup Language)은 웹 페이지의 구조를 정의하는 마크업 언어입니다. HTML 문서의 기본 구조  - ``: HTML5 문서임을 선언- ``: HTML 문서의 루트 요소- ` 3. 외부 스타일 시트: 별도의 CSS 파일 연결   주요 CSS 속성 1. 텍스트 스타일:   - `color`: 글자 색상   - `font-size`: 글자 크기   - `font-weight`: 글자 두께   - `text-align`: 텍스트 정렬 2. 박스 모델:   - `width`, `height`: 너비와 높이   - `margin`: 외부 여백   - `padding`: 내부 여백   - `border`: 테두리 3. 배경:   - `background-..