Blog » 자바,JS,JSP
-
[Node.js] 모듈화
여기서는 node.js에서 코드를 모듈화 하여 코드 재사용하고 단일 소스 코드 파일의 크기를 줄이는 방법을 간단히 설명한다. 우선 기본적인 형태는 다음과 같다. // module.exports는 require 호출시 반환되는 오브젝트에 대응된다. // middle이 현재 소스파일에서...
2015-02-11 09:43:36 -
[jQuery] 아바타, 사진 이미지 동그랗게 만드는 플러그인(Circularise)
말그대로 최근 웹 사용자 경험 경향 중 하나인 동그란 프로필, 아바타 이미지를 만들어주는 플러그인으로, 기존의 정사각형 이미지 요소에 적용하여 자동으로 동그라미로 만들어준다. 자작 플러그인이다. 그래서 코드도 엉망 그냥 이렇게 만들어 주는 것. 만든 계기는 위 같이 만드는데 보니 ...
2015-02-11 09:37:06 -
[Node.js] socket.io 활용 실시간 덧글 업데이트 구현 예제
어느날 GSL을 보다가 아랫쪽의 덧글을 봤는데 덧글에 '아 이거 덧글 자동으로 새로고침 안 되나'라는 덧글이 올라왔었다. 그거 보고 대충 만들었다. 너무 간단해서 금새 완성 적용 예제 : http://test.jhp.io/push * 내가 직접 운영하는 서버라서 가끔 접속 안 될수도...
2014-05-27 08:18:05 -
[Javascript] 페이지 갱신이나 변화 없이 주소(URL) 변경하기 (pushState)
- 주의 - 아래 팁은 파이어폭스, 크롬, 사파리등의 브라우저에서만 먹히며, 인터넷 익스플로러(9버전 이하 버전만 해당. 10버전 이상은 지원)는 Hash를 이용하거나 포기해야함. 어느날 웹개발에 미쳐있는 한 후배가 나한테 채팅으로 말 걸어왔다. 후배 : 횽!!! 나 : 왜? ...
2014-05-19 08:26:17 -
IE7, IE8에서 getElementsByClassName 구현하기
의외로 IE7, IE8에서 getElementsByClassName를 지원하지 않아 살짝 당황했었다. 아래는 IE7과 IE8에서도 가능하게 만들어준다. 사용시는 그냥 document.getElementsByClassName 대신 getElementsByClassNameCompatible...
2014-05-18 02:08:35 -
[JavaScript] 마우스 커서 위치 알아내기
마우스 좌표 찾아내는 것을 찾으려고 보니, IE에서만 돌아가거나, FF4부터는 지원하지 않는 비표준 메소드 captureEvent를 사용하는 곳이 대부분이었다. 이것은 IE에서도 되고 FF4에서도 작동이 잘 된다. var IE = document.all ? true : false; ...
2014-05-10 00:36:16