jQuery
기본
jQuery = 자바스크립트 라이브러리라이브러리 = 편리하게 사용할 수 있는 객체, 함수 등의 집합
jQuery의 목적 = “쉽게”문서 객체 모델과 관련된 처리를 “쉽게” 구현일관된 이벤트 연결을 “쉽게” 구현시각적 효과를 “쉽게” 구현Ajax 애플리케이션을 “쉽게” 개발
jQuery 사용법직접 다운로드 or CDN 호스트 사용
CDN = Content Delivery Network = Content Distribution Network = 웹 링크
12345678//로컬에 저장<script src="jquery-3.1.1.js"></script>//웹 링크<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" ...
Javascript(ES5, ECMAscript2014)
기본문법시작식별자 = 변수명 or 함수명
주석 = HTML태그주석 or 자바스크립트 주석
<!-- -->로 문자열을 감싸 생성//한줄짜리 주석/* 여러 줄 주석 */
alert("메시지"); 기본적인 출력 알람 팝업
사칙연산 : + - * / %
문자열 ‘끼리 또는 “끼리 쓰면 되는데 ‘를 권장
\t 수평탭\n 행 바꿈\\ \\' ‘\" “문자열 연결 연산자 = +‘김’ + ‘용훈’ = ‘김용훈’불리언 : >=, <=, >, <, ==, !=
! 논리 부정!! 논리합&& 논리곱var로 모든 변수 선언복합 대입 연산자+=, -=, *=, /=, %=
증감 연산자
변수++, 변수–(후위)
++변수, –변수(전위)
자료형 검사
typeof(값)
typeof(초기화되지 ...
CSS3 속성
크기 단위
단위
기준
설명
%
백분위 단위
기본으로 설정된 크기를 기준으로 상대적인 크기
em
배수 단위
기본으로 설정된 크기를 기준으로 상대적인 크기
px
픽셀
모니터의 전구 개수
색상 단위
방식
예시
rgb(red, green, blue)
rgb(255, 255, 255)
rgba(red, green, blue, alpha)
rgb(255, 255, 255, 0.5)
0.0=완전투명 ~ 1.0=완전 불투명
#000000
0094FF
padding과 margin의 위치= margin == border == padding == 글자 == padding == border == margin =
테두리border-width, border-style, border-color 속성을 모두 사용해야 테두리가 ...
CSS3 선택자
선택자
선택자 종류
선택자 형태
특이사항
전체 선택자
*
태그 선택자
태그
아이디 선택자
#아이디
클래스 선택자
.클래스
속성 선택자
선택자[속성 = 값]
선택자[속성 ~=값]
선택자[속성 |= 값]
선택자[속성 ^= 값]
선택자[속성 $= 값]
선택자[속성 *= 값]
후손 선택자
선택자 선택자
자손 선택자
선택자 > 선택자
반응 선택자
선택자:active
일반선택자
선택자:hover
상태 선택자
:checked
입력양식태그 전용
:focus
:enabled
:disabled
구조 선택자
선택자:first-child
형제 관계에서 n번째 선택자
선택자:last-child
선택자:nth-child(수열)
선택자:nth-last-child(수열)
동위 선택자
선택자 + 선 ...
HTML5
script, link1234<head> <link rel="stylesheet" href="경로"/> <script src="경로"></script></head>
특수 문자 공백< <> >& &
기본 태그<br> 개행<hr> 수평 줄<a href="경로"></a>절대경로, 상대경로, 아이디경로(#id), 메일경로(mailto : 주소)
<h1>~<h6> 크기<p> 문단<b>굵은글자 <i>기울어진 글자 <small>작은 글자<sub>아래 첨자 <sup>위 첨자 <ins>밑줄 <del>취소선
<ul><li></l ...