1주차

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/