jquery

JavaScript 프록시(Proxy)

August 17, 2016 Code

Proxy As a Design Pattern 프록시는 일반적으로 다른 어떤 클래스의 인터페이스로 동작하는 클래스이다. (중략) 요컨대, 프록시는 내부적으로 실제의 객체(real subject)에 접근할 때 호출되는 래퍼(wrapper) 혹은 대리 객체다. –...

[underscore] extend 올바르게 사용하기

July 31, 2016 Code

객체를 확장하는 extend()는 복사용도로도 쓸 수 있는 정말 편리한 메소드지만, 사용하면서 주의할 점이 하나 있는데, 바로 인자 순서이다. 예를 들어, 여러 명의 사람 정보를 저장한 배열에 똑같은 프로퍼티를...

JavaScript에서 객체 복사하기

February 8, 2016 Code

부끄럽게도 얼마 전에야 자바스크립트에서 =을 사용한 객체 복사는 Assign. 즉, 참조만 하는 것임을 알았다. 어찌보면 예상가능한 것임에도 불구하고 얕은/깊은 복사가 필요한 경우가 생각보다 많지 않았기 때문에 알지 못했던...

[jquery] jquery.timeago.js 몇초전, 몇일전 계산하기

March 24, 2015 Blog

페이스북이나 최근에 SNS 및 뉴스에서는 특정 일자를 알려주기 보다는 과거의 상대성으로 시간을 표시한다. 예를들면 3일전, 2시간전 이렇게 말이다. 개발자가 일일히 보여지는 날짜 데이터에 대해서 계산해서 만들어 내야하는데 jquery.timeago.js...

[jQuery Plugin] Carousel 플러그인 – Owl Carousel

December 12, 2014 Blog

어제 포스팅한 슬라이드쇼 플러그인에 이어서, Carousel 플러그인 소개. 마찬가지로 모바일, PC, 태블릿 등에서 모두 최적화된 상태로 보여져야 해서 여러 플러그인을 골라봤는데, 그 중에 마음에 들었던 플러그인이라 소개한다. 내가...

[jQuery Plugin] 슬라이드쇼 플러그인 – Camera

December 11, 2014 Blog

코믹시스트를 모바일, PC, 태블릿 등에서 모두 최적화된 상태로 보여지게끔 만들고 싶어서, 슬라이드쇼 플러그인을 많이 찾아 헤맸던 기억이 난다. 메인 화면을 장식하는 영역이라 꽤 많은 조건이 필요했는데, 정리하자면 다음과...

참조 타입

May 5, 2014 Blog

목차 이 포스팅은 "프론트엔드 개발자를 위한 자바스크립트(2013 인사이트, 한선용 옮김)"에서 발췌 요약한 것이며, 인사이트와 저작권에 대한 부분을 의논하여 사전 허락을 받은 것입니다. 자세한 내용은 페이스북 자바스크립트 제대로 하기...

자바스크립트 객체 상세

April 8, 2014 Blog

목차 페이스북 자바스크립트 제대로 하기 스터디 그룹에서 기본 가이드인 자바스크립트 제대로 배우기 중 자바스크립트 객체에 대한 JavaScript is Sexy: JavaScript Objects in Detail를 번역하였습니다. 자바스크립트 객체 상세 원본:...

객체에 대한 이해

April 7, 2014 Blog

목차 이 포스팅은 "프론트엔드 개발자를 위한 자바스크립트(2013 인사이트, 한선용 옮김)"에서 발췌 요약한 것이며, 인사이트와 저작권에 대한 부분을 의논하여 사전 허락을 받은 것입니다. 자세한 내용은 페이스북 자바스크립트 제대로 하기...

변수와 스코프, 메모리

April 1, 2014 Blog

목차 이 포스팅은 "프론트엔드 개발자를 위한 자바스크립트(2013 인사이트, 한선용 옮김)"에서 발췌 요약한 것이며, 인사이트와 저작권에 대한 부분을 의논하여 사전 허락을 받은 것입니다. 자세한 내용은 페이스북 자바스크립트 제대로 하기...

언어의 기초

March 30, 2014 Blog

이 포스팅은 "프론트엔드 개발자를 위한 자바스크립트(2013 인사이트, 한선용 옮김)"에서 발췌 요약한 것이며, 인사이트와 저작권에 대한 부분을 의논하여 사전 허락을 받은 것입니다. 자세한 내용은 페이스북 자바스크립트 제대로 하기 스터디...

HTML 속의 자바스크립트

March 27, 2014 Blog

이 포스팅은 "프론트엔드 개발자를 위한 자바스크립트(2013 인사이트, 한선용 옮김)"에서 발췌 요약한 것이며, 인사이트와 저작권에 대한 부분을 의논하여 사전 허락을 받은 것입니다. 자세한 내용은 페이스북 자바스크립트 제대로 하기 스터디...

자바스크립트란 무엇인가

March 20, 2014 Blog

목차 같이 공부하려고 페이스북 스터디 그룹을 3월 13일에 만들었는데, 일주일도 안되서 멤버수가 200분을 훨씬 넘겼다. 그룹과 관련된 이것저것을 챙기다보다 정작 중요한 공부가 일주일이나 늦춰졌다. 가이드북으로 "프론트엔드 개발자를 위한...

자바스크립트 제대로 배우기 스터디 그룹

March 18, 2014 Blog 2 Comments

목차 저번 목요일에 자바스크립트 제대로 배우기를 블로그에 올리고, 트위터와 페이스북, 생활코딩에 올리면서 같이 스터디할 분을 요청했다. 30분 뒤에 트위터에서 @minieetea 강미경님이 첫 반응을 보이셨고, 페이스북과 페이스북 페이지는 반응이...

자바스크립트 제대로 배우기

March 13, 2014 Blog

올해는 본격적으로 프로그래밍을 배워보려고 했는데 역시 생각같이 진행되지 않았다.(블로그도 거의 두 달 간 방치ㅠㅠ) 자바스크립트부터 출발하려고 작년 후반 부에 Codecademy 자바스크립트 트랙을 며칠간에 걸쳐 완료했는데, 끝낸 후 느낌은...

3/12

March 12, 2014 Blog

오늘은 별로 한게 없는데..  # 말줄임표를 어떻게 할까? - 블로그 검색결과를 보여주다 보니 문제가 너무 길어진다는 것이다. 제목은 그렇다쳐도 summary의 경우 naver openapi에서 가져와서 컴퓨터에서 보면 문제가 없는데...

3/11

March 12, 2014 Blog

#jquery loading popup.  - 어제했던 ajax 호출 이후 animate 함수를 이용해서 해당 영역으로 가는건 좋은데.. 그 사이에 사용자가 스크롤을 이동해버릴수도 있고, 그래서 선택해서 결과를 가져올때까지 로딩창으로 막기로 결정. ...

3/10

March 10, 2014 Blog

#pyimgdown v0.2 - 기존의 썸네일 이름을 파일이름 + “_thumbnail”로 했던것을 thumbnail_file_suffix 를 지정할 수 있도록 하였음.  - 역시 새로운 unittest는 깨져서 다시 추가.  보통 trial 로 test를 하라고...

ASP.NET MVC 4 Web API 에서 null값 해결하기

October 15, 2013 Blog

ASP.NET MVC 4 Web API를 사용하면 RESTful 웹서비스를 손쉽게 해결할 수 있다. 그런데, 문제는 jQuery 또는 AngularJS 같은 자바스크립트 라이브러리를 통해 AJAX 콜을 이용하여 JSON 문자열을 Web API로...