서브라임텍스트 세팅
패키지컨트롤 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
'Think Factory > 프론트엔드 실무' 카테고리의 다른 글
4주차 (0) | 2015.05.30 |
---|---|
3주차 (0) | 2015.05.16 |
2주차 (0) | 2015.05.10 |