Front-End: Web/JavaScript (85) 썸네일형 리스트형 $(documenet).ready roqkffhwk.tistory.com/1 [jQuery 1장] $(document).ready 가 모예요? * 해당 내용은 본인의 생각으로 작성하는것으로... 잘못알고 있는 부분들은 댓글이나 쪽지를 통해 알려 주시면 감사하겠습니다 ^^ jquery는 http://jquery.com 에 들어가셔서 다운받으시면 되고요. � roqkffhwk.tistory.com uncaught referenceerror $ is not defined jquery를 사용할 수 있도록 HTML body에 아래와 같은 코드를 추가한다. -> jquery를 사용할 것이기 때문이기 때문에 작성하지 않으면 document를 사용할 수 없다. 만일 추가되어 있음에도 에러가 발생한다면 jquery가 늦게 인식되어 에러가 발생되는 문제이다. 따라서 위에 작성된 코드의 위치를 위로 올리면 된다. HTML에서 JavaScript 로드하기 1. inline - 태그에 직접 자바스크립트를 기술하는 방식. 정보와 제어가 섞여 있으므로 정보로서의 가치가 떨어진다. 2. script - 태그를 만들어 그 사이에 자바스크립트 코드를 작성하는 방식. html 태그와 js 코드를 분리할 수 있다는 장점이 있다. 3. 외부 파일로 분리 - js를 별도 파일로 분리하는 방식. 엄격하게 정보와 제어를 분리할 수 있다는 장점이 있다. 하나의 js파일을 여러 웹 페이지에서 로드할 수 있으므로 js의 재활용성을 높일 수 있다. 또한 캐쉬를 통해 속도의 향상, 전송량의 경량화를 도모할 수 있다. script2.js var hw = document.getElementById('hw'); hw.addEventListener('click', function(){ ale.. [생활코딩: JavaScript] 3. 데이터타입 - 문자열과 숫자 최신 ECMAScript 표준은 다음과 같은 7개의 자료형을 정의한다. 기본 자료형 (Primitive) 인 여섯가지 데이터 타입 Boolean Null Undefined Number String Symbol (ECMAScript 6 에 추가됨) 별도로 Object 도 있다 자바스크립트의 자료형 모든 프로그래밍 언어는 내장 자료형이 있지만, 종종 이러한 내장 자료형은 언어마다 다르다. 이 문서에서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수 있는 속성들에 대해 알� developer.mozilla.org Number +, -, /, * 등 연산자를 이용해 연산할 수 있다. String "큰따옴표" 혹은 '작은따옴표'로 감싼다. 메소드 .length() : 문자열의 길이를 출력 .touppe.. [생활코딩: JavaScript] 2. HTML과 JavaScript의 만남 script 태그 기본적으로 JavaScript는 HTML위에서 동작하는 언어이다. 따라서 HTML언어 위에 다른 언어인 JavaScript를 함께 사용하는지 알아보자. html hello world 1+1 이벤트 button : onClick 이벤트 Console을 이용하여 자바스크립트 파일을 만들지 않고도 자바스크립트를 실행할 수 있다. ex) 개발자 모드 > Elements 에서 esc한번 누르면 아래에 console이 뜬다. 이곳에 자바스크립트로 작성한 코드를 입력하게 되면 현재 웹페이지 정보를 불러와서 자바스크립트를 실행시킬 수 있다. 즉, 이미 만들어진 웹사이트에 필요에 따라 간단한 자바스크립트 코드를 작성하여 문제를 해결할 수 있다. [생활코딩: JavaScript] 1. Intro html은 정적이다. 하지만 사람들은 동적으로 사용자와 상호작용할 수 있는 웹페이지를 만들고 싶었다. 이런 배경에서 탄생한 것이 JavaScript이다. 목적 웹페이지의 야간모드/주간모드 버튼을 통해 모드를 변경한다. - 사용자가 누르는 버튼으로 인해 웹페이지의 상태가 변화 (상호작용) - 개발자 모드 > Elements의 코드가 변화 ex) 자바스크립트와 웹 애플리케이션 개발 자바스크립트는 클라이언트 사이드에서 웹 애플뢰케이션을 개발하는데 많은 도움을 주는 언어이다. 클라이언트 사이드에서 자바스크립트는 주로 HTML, CSS와 결합하여 Ajax라는 기술을 통해 동적인 웹 페이지를 만드는데 사용된다. HTML과 CSS HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만드는 방법을 제공한다. 또한 웹 페이지 콘텐츠 안의 에 둘러싸인 태그로 구성된다. HTML을 중심으로 자바스크립트 코드와 CSS코드를 불러온다. Ajax Asynchronous JavaScript and XML. 즉, 클라이언트 측에서 비동기 웹 애플리케이션을 개발할 수 있는 웹 개발 기술이다. 이를 사용하면 웹 애플리케이션 .. 클로져(Closure) 자바스크립트사 가진 특징이자 Node.js가 높은 효율성을 가지게 해주는 근간. 유효 범위 체인 함수 단위의 범위(Function Scope). 전역 변수(a)는 함수 안이나 어느 곳에서든지 사용할 수 있지만, 함수 안에서 선언한 변수(b)는 함수 블록 밖에서 사용할 수 없다. 클로져를 이용한 체인 깨기 클로져? 자신의 범위 밖에 있는 변수에도 접근할 수 있는 함수 위 그림에서 함수 N()는 상위에 있는 변수 a와 b를 사용할 수 있지만, 함수 F()는 함수N()에 있는 변수를 참조할 수 없다. 클로져는 이러한 문제를 해결할 수 있다. function f() { var b = "b"; return function() { return b; } } 함수 f()에 선언된 b는 함수 밖에서 사용될 수 없다. 하.. 이전 1 ··· 7 8 9 10 11 다음
