1주차

서브라임텍스트 세팅

패키지컨트롤 install package

IMEsupport

emmet

변수 7가지 type

num, string, boolean, plain object, array, function, undefined

함수 사용과 참조 구분

f() / var a = f

민감한 변수 선언(ex. 개인정보)은 지역변수로

(function(){

})();

-> 함수 선언 후 바로 사용 - 협업에서 변수명 중복 등의 문제를 방지하려면 적절하게 사용''

javascript 역할 : 사용자와의 상호작용, 백그라운드에서 서버 통신

jQuery

$().action1().action2()...

대표적인 액션 40~50여개만 익히면 됨 ex. .css() .addClass() .removeClass() .toggleClass() .text() .val() ...

값을 읽어오는 것과 부여하는 것 구분

.text() : text 값을 읽어옴

.text("...") : text 값을 부여함

문서로딩이 완벽히 이루어질 때 호출되는 함수 등록

window.onload = function(){};

-> window = {"onload" : function(){})

-> $(document).ready(function(){});

-> $(function(){});

마우스 관련 이벤트

mouseenter, mousedown, mouseup, mousemove, mouseleave

버튼 관련 이벤트

click, focus, blur

인풋 관련 이벤트

focus, blur, keydown, keyup

셀렉트 관련 이벤트

focus, blur, change

폼 관련 이벤트

submit

플러그인

$().gura()

$().gura({

key : value,

key2 : value2, <- boolean, number, string, function(){}, [], {}

...

})

slick

슬라이드

[http://plugins.jquery.com/slick/]

fotorama

슬라이드

[http://plugins.jquery.com/fotorama/]

imgLiquid

이미지 사이즈 조정

[http://plugins.jquery.com/imgLiquid/]

lazyLoad