1주 : 자바스크립트기초
2주 : 제이쿼리 기초
3주 : 제이쿼리 응용
4주 : 제이쿼리 플러그인
자바스크립트는 여러 용도가 있으며 제이쿼리와 같은 사용자 인터랙션을 조정하는 건 그 중 일부.
(ex. angular.js, mongodb
크롬 개발자도구 console - javascript runtime (자바스크립트 실행 환경) 자바스크립트 즉시 확인 가능
프로그래밍이란? 데이터를 다루는 것
변수 type : number, string, boolean, object, array
변수 type 확인 연산자, typeof
변수명을 지을때는 대화식으로 (이름만 보고 예측이 가능하도록)
plain object : object {key : value}; -nonordering data
array : var object = [value] -ordering data
array 방 추가 .push() / 방 삭제 .splice(index ,length)
데이터에 따라 plain object(순서가 없고 여러 종류의 data), array(순서가 있고 한 종류의 data), 또는 둘의 조합으로 운용이 이뤄진다.
object - 1. plain object 2. array -자바스크립트에서는 모든 데이터가 전부 object-
*function 참조와 실행 구분
ex)
console.log -참조
console.log() -실행
var console = {"log" : function(){} };
협업에서 변수명 중복의 가능성이 있으므로 전역변수보다 지역변수를 활용
jquery 1.x - IE 하위버전을 지원, 성능 낮음
jqeury 2.x - IE 하위버전 미지원, 성능 좋음
플러그인 로딩은 특별한 이유가 없다면 마지막에
...
.....
<script></script>
</body>
$(selector).action()$(selector).action().action2()...
제이쿼리- 결국 원하는 것을 선택해서 원하는 액션을 하게 만드는 것
제이쿼리에서 주로 쓰느 대표적인 action 40여개.. <- 이정도만 파악해도 실무에서 무리 없음
검색해서 잘 갖다쓰는 것도 실력 -> 우리나라 현재 실정상 그렇다
참고링크
서브라임텍스트 http://www.sublimetext.com/2
패키지컨트롤 다운로드 https://packagecontrol.io/
스터디 사이트 http://study.kimgura.net/
emmet 다운로드 http://emmet.io/
emmet 가이드 http://docs.emmet.io/cheat-sheet/
'Think Factory > Javascript & Jqeury' 카테고리의 다른 글
4주차 (0) | 2015.04.25 |
---|---|
3주차 (0) | 2015.04.18 |
2주차 (0) | 2015.04.12 |