Front-End: Web/JavaScript (87) 썸네일형 리스트형 requirejs [RequireJS] RequireJS 사용 방법 정리 웹 어플리케이션들이 점점 성장해가면서, 형님격인 데스크탑 어플리케이션들로부터 다양한 테크닉과 패턴들을 상속받고 있다. 그것들중에 하나가 종속성 관리이다. 자바스크립트 자체로는 이� programmingsummaries.tistory.com $(document).ready() - DOM 순서 [jQuery] $(document).ready()란? - DOM 순서 [jQuery] document.ready() - DOM 순서 우리가 jquery를 쓸때 제일 처음에 써주는 $(document).ready(function(){}); 이것은 $(function(){}); 이렇게 줄여서 사용할 수 있습니다. 이 그림을 먼저 보시죠 위에서.. docu94.tistory.com $(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) 이전 1 ··· 7 8 9 10 11 다음
