본문 바로가기

Software/JavaScript & JQuery

 (10)
[JavaScript] - ICE Breaking(3) Javascript ICE Breaking 세번째 - Function - No Return Type(함수 정의시 린턴 타입에 대한 구분을 하지 않는다.)- Optinal Argument List(동적으로 변경가능한 인자값의 갯수)- Arguments.length function a(arg1, arg2) { arg1; //a arg2; //undefined{ //a('a') function b() { arguments[0]; //a arguments[1]; //b arguments.length //2} //b('a', 'b') function c(arg1, arg2) { arg1; //a arg2; //b arguments[2]; //c arguments[3]; //d argumnets.length; //..
[JavaScript] - ICE Breaking(2) Javascript ICE Breaking 두번째 - Statement Statement문장에 끝은 세미콜론(;)으로 마친다생략가능 - 개행 문자를 만나면 문장의 끝으로 판단 - ASI(Auto Semicolon Insertion) 메커니즘 - 오류를 발생할 위험이 매우 높음 if() - else, switch() - Case, for(), while() 에 대한 구문을 설명은 생략. (다른 언어와 동일) For - inloop each properties in a object배열에는 사용하지 말 것var obj = { name : 'lee', age : 20} for(var i in obj) { console.log(i + ": " + obj[i]);} Throw함수의 정상 결과는 return 문함수의..
[JavaScript] - ICE Breaking(1) ICE Breaking 최근 NodeJs 강의를 듣게 되었으며, 약 5년전에 잠시 해보았던 JavaScript에 대하여 다시 한번 돌아보는 시간을 가지게 되었다. 약 5년전 Smart TV에 구동되는 Web Application 개발을 하면서 JavaScript에 대하여 공부를 했었고 알고 있다고 생각 했었으나, 다시 한번 강의를 들어보니 나에게 JavaScript는 생소한 언어가 되어 있었다. 긴 시간을 거슬러 다시 한번 되돌아보자는 마음으로 해당 언어에 대하여 정리를 해보고자 한다.(기본적인 C or Java 언어의 문법을 알고 있다는 가정하에 정리) Syntex Naming Convention- 변수, 함수 : 소문자, 두 번째 단어부터 첫 글자 대문자.(카멜 표기법(CamelCase)을 따른다.)..
[JavaScript] - Prototype 과 Constructor !!! http://itux.tistory.com/28 님의 글에서 정보를 제공받았습니다. 굉장이 혼란스러운 개념이다... 처음 접했을때 이게 뭐지? 아직도 감이 안온다. 그래도 한번 정리해 보자! 개념을 설명하기에 앞서.. javascript에서 사용하는 용어가 정확히 무엇을 정의하는지부터 살펴보자. 용어의 정의 ECMA-262 표준을 이용하였다. primitive value : type이 Boolean, Number, String ( Undefined, Null ) 인 값들. Undefined, Null은 일반적인 자료형이 아닌 다소 특이한 유형이므로 가로를 적용하였다. object : An object is a collection of properties and has a single prototype o..
[jQuery] - jQuery Mobile 요즈음 웹 개발에 있어서 하나의 트렌드로 자리 잡은 것이 바로 모바일 웹 개발이다. 1세대의 모바일 웹 개발은 확실히 HTML보다 가벼워야 했고 하드웨어의 제한 사항이 큰 편이었기 때문에 WML과 같은 메타 언어의 존재감이나 그 수요가 분명했다. 하지만 모바일 기기와 일반 PC의 사양 차이가 날이갈수록 좁혀짐은 물론, 이제 모바일 기기가 경우에 따라서는 일반 PC나 렙톱 컴퓨터 보다 훨신 더 유용해지고, 쓰임새가 많아지게 되면서 이런 구분이 모호해지게 된다. 아이폰, 아이팟, 아이패드, 그리고 안드로이드 계열이나 크롬 북을 포함하여 상당히 많은 수의 브라우저들을 고려하는 모바일 웹 사이트가 필요했다. 물론 이들 모두 일정 수준 이상의 HTML5와 CSS3, 그리고 JavaScript 렌더링 엔진을 갖추고..
[DOM] - Div 와 Span Block level Element - 일반적으로, block은 다른 block과 inline를 포함한다. - blcok은 inline의 상위구조이다. - 일반적인 속성의 blcok은 새로운 줄을 만든다. (줄 단위의 공간값을 가진다.) - blcok 태그들은 성격에 따라 Physical, Logical, Group, User-input로 분류가 된다. + 는 Physical Block 태그이다. + , , , , , ~, 는 Logicl Block 태그이다. + 는 Grouping Block 태그이다. +, 은 User-input Block 태그 이다. Inline level Element - text level element라고도 부른다. - blcok의 내부에 위치하며, 다른 inline과 data..
[JavaScript] - JavaScript 와 DOM과의 관계 공부하기 좋은 웹 사이트 http://jsfiddle.net/ http://jquery.com/ http://www.w3schools.com/ Q. 태그 내부에 있는 것은 전부 자바스크립트 인가? 꼭 그렇지는 않다. 태그의 역할은 브라우저에게 앞으로 스크립트 언어를 사용할 것이라고 알려주는 것이지, 그것이 꼭 자바스크립트여야 한다는 것은 아니다. type="text/javascript" 웹 서버는 해당 URL을 반환하기 위해 어떤 웹 페이지가 필요한지 찾아냄. -> 서버는 HTML 태그들, CSS 규칙들, 그리고 자바스크립트가 포함된 페이지를 우리들의 브라우저에게 전송시킨다. -> 브라우저는 웹 페이지에 있는 모든 CSS 규칙들을 사용하여 HTML을 보여준다. -> 그리고 브라우저는 태그 내부에 있는 임..
[jQuery] - Study(2) Link 분류 이름 설명 홈페이지 주소 날짜 & 시간 jQuery Datepicker 입력 필드에 팝업 달력을 부착 또는 개별 날짜, 날짜 범위를 선택한 인라인 달력을 보여줌 http://keith-wood.name/datepick.html jQuery Calendars 다양한 국가의 달력은 나타냄 http://keith-wood.name/calendars.html jQuery Time Entry 시간을 버튼 체크로 조절 할 수 있음 http://keith-wood.name/timeEntry.html jQuery Date Entry 날짜를 버튼 체크로 조절 할 수 있음 http://keith-wood.name/dateEntry.html jQuery Date/Time Entry 시간, 날짜를 버튼 체크로 조절 할 ..

티스토리툴바