일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 자바스크립트
- 콜백 함수
- CSS
- 750R
- 마이크로소프트
- MongoDB
- node.js
- 인턴
- CoffeeScript
- callback function
- Ajax
- NoSQL
- 제이쿼리
- Javascript
- AngularJS
- non-blocking
- 오픈소스
- 빅데이터
- github
- 개발환경
- Python
- npm
- Microsoft
- 크로스브라우징
- 마소
- 웹디자인
- git
- JQuery
- 테스트
- Today
- Total
목록자바스크립트 (15)
Inspired World
jQuery를 사용하면서 여러가지 애니메이션이나 동작을 수행할 때 순차적으로 일을 하게 하고 싶은데 1 2 3 $("#one").fadeOut(); $("#two").fadeOut(); $("#three").fadeOut(); 이렇게 하게 되면 이 세 DIV 가 동시에 서서히 사라지는 애니메이션이 적용됩니다. 예제보기 하지만 만약 1, 2, 3이 순차적으로 애니메이션을 적용하고 싶다면 .queue() 를 활용하면 됩니다. $("#one").fadeOut().queue(function() { $("#two").fadeOut().queue(function() { $("#three").fadeOut(); }); }); 예제보기 이렇게 queue를 활용하면 필요에 따라 반드시 선행되어야 할 액션 이후에 다른..
jQuery를 처음 사용할 때 "어 이게 왜 안돼지?" 하는 상황이 종종 생깁니다. 제가 jQuery를 1.4.2 버전 때 첨 접하고 나서 지금까지 쭉 써오고 있는데 제가 모든 API를 섭렵하고 매일매일 jQuery를 Heavy하게 쓰는 유저는 아니지만 경험을 통해 얻은 팁 몇가지가 있습니다. DOM이 다 로드 된 이후에 처리하지 않으면 아무리 셀렉터를 이용해서 선택을 한들 DOM 객체를 인식하지 못하고 공들여 쓴 JavaScript + jQuery 소스가 제대로 작동하지 않게 되는데요. 기본적이지만 짚고 넘어가겠습니다. $(document).ready(function() { // Source Code Start }); 또는 $(function() { // ..
JavaScript 에서는 콜백 함수를 아주 쉽게 구현할 수 있고 아주 강력합니다. 특히 AJAX요청과 함께 사용하면 정말 강력한데요. 예를 들어, AJAX요청을 해서 어떤 정보를 가져와 그 가져온 정보로 무엇인가를 처리해주고 싶습니다. 하지만 AJAX특성상 서버의 응답도 영향이 있기 때문에 같은 요청도 같은 컴퓨터일지라도 네트워크 환경 등 여러가지 변수 때문에 반응 속도가 천차만별입니다. 따라서 setTimeout 을 이용한다거나 여러가지 다른 방법도 있겠지만 보다 확실한 방법은 콜백 함수를 이용하는 방법입니다. 콜백함수를 이용하게 되면 "어, 나 이 작업 다 끝났으니까 뭐 할 꺼 있으면 해" 라고 메시지를 전달함으로써 확실히 가져온 데이터를 가지고 처리를 할 수 있게 됩니다. 이제 예제 소스를 보여드..
jQuery의 문구처럼 짧은 소스로 더 풍부하게 코딩하는 것이 지향하는 목표입니다 jQuery는 John Resig라는 Mozilla JavaScript 개발자가 만든 자바스크립트 프레임워크입니다. 위 문구처럼 보다 간결한 소스로 더 많은 일을 할 수 있게 해주는데요. 그럼 왜 구지 JavaScript를 그냥 쓰지 않고 jQuery를 많은 사람들이 사용할까요? 마이크로소프트에서도 jQuery를 Visual Studio MVC Framework에 포함시켰고 국내, 외 사이트에 들어가서 소스보기를 눌러보면 심심치 않게 jQuery가 포함되어 있는 것을 확인해 볼 수 있습니다. 점점 RIA (Rich Internet Application) 이 부각 되는데 비해 Flash나 Silverlight 는 부가적으로 ..
Node.js JavaScript에 관심이 있거나 새로운 웹 트렌드에 관심이 있는 사람이라면 한번 쯤은 인터넷을 돌아다니다가 본 적이 있을 단어입니다. JavaScript와 JavaScript 개발자들이 저평가 받는 시절이 있었습니다. JavaScript라 하면 그저 Mouse, Keyboard 이벤트나 간단한 DOM 조작이나 가능한 웹브라우저에 탑재된 언어라는 인식이 있었지만 (물론 SpiderMonkey나 Rhino와 같이 웹브라우저가 아닌 곳에서 JavaScript를 사용해왔지만) 이 인식을 깨는 데 AJAX 의 탄생이 한 몫 했는데요. AJAX (정확히는 XmlHttpRequest, 줄여서는 XHR)의 활용으로 인해 JavaScript 에서 Client-side 와 Server-side를 넘나들며..