김우디의 지식 저장소

전체 글 (912)

[jQuery 정리노트] 4. 이벤트 연결하기

카테고리 없음 김우디 2017. 7. 24. 16:27

1. 이번수업의 목적- 사용자의 특정행동(이벤트)에 따른 jQuery구문의 실행법을 학습합니다. 2. 핵심개념- 사용자가 특정 행동을 취했을때 그에 따른 상호작용으로 jQuery의 구문을 실행시키는것을 이벤트를 연결한다라고 하며 사용자가 웹을 통해 하는 일련의 행동 (클릭, 마우스오버, 스크롤 등)을 이벤트라고 합니다. - 사용자행동(이벤트)의 종류click : 클릭했을 때mouseenter : 특정영역에 마우스 오버 했을 떄mouseleave : 특정영역에서 마우스가 벗어났을 때mousemove : 특정영역에서 마우스가 움직일 때scroll : 브라우저를 스크롤할 때resize : 브라우저를 리사이즈할 때 ----------------------------------------------$(docume..

더 읽기

[jQuery 정리노트] 3.jQuery 탐색구문

카테고리 없음 김우디 2017. 7. 24. 16:26

1. 이번수업의 목적- jQuery선택자와 결합해 보다 다양하게 html 요소를 선택할 수 있도록 jQuery탐색구문을 학습합니다. 2. 핵심개념- .children() : 선택자를 기준으로 자식 요소 선택- .parent() : 선택자를 기준으로 부모 요소 선택- .siblings() : 선택자를 기준으로 형제 요소 선택- .find() : 선택자를 기준으로 자손 요소중 특정 태그및 클래스값과 일치하는 요소를 바로 선택- .eq() : 선택자를 기준으로 해당 순서값에 일치하는 요소를 선택- .next() : 선택자를 기준으로 형제 요소 중 바로 다음에 나오는 요소를 선택- .prev() : 선택자를 기준으로 형제 요소 중 바로 이전에 나오는 요소를 선택- .not() : 선택자를 기준으로 특정요소를 선..

더 읽기

[jQuery 정리노트] 2.css()

카테고리 없음 김우디 2017. 7. 24. 16:06

$(document).ready(function(){ $(".box1").css({"background-color":"#444"});$(".box2").css({"width":"500px"});}); - 필수구문 : $("선택자").css({"속성명":"속성값"});- 속성을 추가로 변경할 시, 중간에 콤마로 구분 [출처] .css() -필수구문17|작성자 하다보니

더 읽기

[jQuery 정리노트] 1. Query 선택요소

카테고리 없음 김우디 2017. 7. 24. 15:53

1. jQuery 선택요소 $("선택할 요소") 로 선택할 요소를 선택한 후 속성 값을 변경한다.

더 읽기

[HTML 공부] 4. 이미지 삽입, 링크 추가 방법

카테고리 없음 김우디 2017. 4. 12. 01:58

[HTML 공부] 4. 이미지 삽입, 링크 추가 방법 1. 태그 2. 태그, href 속성을 사용하여 링크 만들기.

더 읽기

[HTML 공부] 3. 인라인 레벨 태그

카테고리 없음 김우디 2017. 4. 12. 01:30

[html 공부] 3. 인라인 레벨 태그 1. 태그, 태그. - 텍스트를 굵게 표시할때 사용.- 태그는 화면 낭독기에서도 강조 : 경고나 주의사항과 같은 내용일 때 사용.- 태그는 단순히 화면에서만 굵게 표시할때 사용. 2. - 형광펜 효과 내기 3. - 줄바꿈 없이 영역 묶고 스타일을 적용할때 주로 사용.

더 읽기

[HTML 공부] 2. 텍스트를 덩어리로 묶어주는 태그 - <h>,<p>,<br> <hr>태그

카테고리 없음 김우디 2017. 4. 12. 01:13

[html 공부] 2. 텍스트를 덩어리로 묶어주는 태그 - ,, 태그 1. 태그 - ~ 까지는 제목을 표시하는 제목 텍스트.- 숫자가 작을수록 크게 표시된다. 2. 태그 - 텍스트를 표시할 때 가장 많이 사용하는 태그- 태그는 태그를 만날때까지 줄바꿈 없이 텍스트를 한줄로 표시한다. 3. 태그 - 줄 바꾸기 4. 태그 - 수평 줄 삽입

더 읽기

[HTML 공부] 1. HTML 의 기본구조

카테고리 없음 김우디 2017. 4. 11. 23:18

1. HTML 의 기본구조 1) HTML 이란? HTML - HyperText Markup Language / 하이퍼텍스트를 마크업 하는 언어. 하이퍼텍스트 - 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능. 마크업 - 태그를 사용해 문서에서의 제목 부분과 본문 부분, 사진인지, 링크인지 표시하는 것. -> Web에서 자유롭게 오갈 수 있는 웹문서를 만드는 언어 = HTML 2. HTML의 기본구조 - 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻 - HTML 문법에 맞춰 브라우저에 표시 - 웹 브라우저가 웹문서를 해석하기 위해 필요한 정보들을 입력하는 부분 - 실제로 웹 브라우저에 나타날 부분

더 읽기

Copyright © 김우디의 지식 저장소 All Rights Reserved

Designed by JB FACTORY

티스토리툴바