[js] Internet explorer 브라우저 버전 추출하기

다른 포스트([js/jQuery] Customized checkbox/radio button)에서 사용했던 코드인데 다시 정리합니다. function getIEVersion() { var ua = window.navigator.userAgent, msie = ua.indexOf(“MSIE “); if(msie > 0) { return parseInt(ua.substring(msie + 5, ua.indexOf(“.”, msie))); } else { return 0; } } 구현 방법은 매우 단순합니다. navigator 객체의 userAgent 프로퍼티에서 버전 부분만 추출하는 방식입니다. 아래는 Internet explorer 10 의 userAgent … Read more

[html/css/js] code drills

오래전부터 만들어야지~ 라고 생각만 해오던 녀석을 이제서야 하게됐습니다. 일전에 nodejs로 만들려고 했었고 진행을 했었는데 능력이 미천하여 할줄 아는 수단으로 만들었습니다. http://html.appspace.kr/ 많이 보아오던 형식과 다르지 않습니다. jsfiddle을 참고해서 html, js, css 를 분리했었는데 코드를 공유하거나 작성하는게 분리보단 통합형이 더 나을 것 같다는 생각이 들었습니다. 형태는 좀 다르지만 사용법은 jsfiddle 과 대동소이 합니다. http://html.appspace.kr/f0J3Af9 일전에 포스팅했던 … Read more

[js스터디] 과제 #5

과제가 진행이 될수록 한명 두명 과제 제출을 안하기 시작하는군요. 흑흑.. 이번 과제까지 진행한 후에 오프 스터디를 한번 하도록 하겠습니다. 이번 과제는 배열입니다. 스터디때 너무 짧게 설명을 했기 때문에 맛만 보겠습니다. ㅎ 1. 아래와 같은 배열이 있다고 할 때, 배열에 담긴 숫자의 총 합을 구하세요. var arr = [1,2,4,10,19,219,5,99,3]; 2. 1 ~ 10까지 담긴 배열을 선언하고, … Read more

[js] canvas로 만든 그림판

canvas에 대해서 이것저것 살펴보다가 만들어보게 되었습니다. 책을 하나 구매했는데 표지만 3일째 보고있네요. 책만 자꾸 사고 정작 표지만 보고있는 이런… (디..디아블로를 욕해봅니다.) 코드가 너무 허접해서.. 좀 더 손보고 주석도 달고 해서 그림판 만들기를 연재해볼까.. 라고 생각만.. 덧, 아우.. wp가 html 모드로 글을 작성하면 자기 멋대로 태그를 막 집어넣네 ㅠ..

[js스터디] 과제 #4

이번 주 과제는 아직 지난 과제를 제출하지 않은 학생이 있어서 미루려고 했는데… 블로그에 포스팅 되는 글이 없으면 안될 것 같아 그냥.. ㄷ.. 아래와 같이 입력받은 두 숫자의 합을 구하는 함수를 만드세요. sum(3, 4); -> 3 + 4 = 7 아래와 같이 입력받은 숫자에 해당하는 구구단을 출력하는 함수를 만드세요. gugudan(3); -> 3 x 1 = 3 … Read more

[js] 텍스트 영역 선택 하기

예전에 잠시 서비스 되었다가 현재는 서비스 되고 있지 않은 웹 페이지에 붙이는 펜 서비스가 있었습니다. 그때 어떤식으로 그런걸 구현할 수 있었는지 궁금한 마음에 찾아보다가 스크랩 해놨던 걸 몇일 전에 다시 보게 되었습니다. 이제와서 다시 한번 살펴보니 당시에 서비스 했던 그 펜 서비스가 이걸 사용해 개발되었는지 잘 모르겠고.. 게다가, 이 녀석을 사용할곳이 과연 있을까 싶기는 하지만.. … Read more

[js스터디] 과제 #3

어느덧 3번째 과제입니다. 주차로는 2주차가 됩니다. 이번 3번째 과제는 근로자의 날을 맞이하여 근로자의 날 기념 과제를 준비했습니다. 지난번 과제를 통해 반복문을 확실히 알아갈 수 있는 기회를 가져보려 했는데 조금 부족했던 것 같습니다. 그래서 이번 과제도 반복문을 활용할 수 있는 내용으로 진행하겠습니다. 지난번 과제처럼 반복문이 없어도 해결이 가능한 과제가 있으며, 반복문을 사용하지 않는게 더 효율적일 수 … Read more

[js] Scope (범위)

javascript 를 공부하면서 Scope 라는 말은 한번 쯤은 들어보셨으리라 생각됩니다. 변수나 함수가 선언된 위치와 방법에 따라 어디까지 영향을 미치는(접근을 당하거나 할 수 있는)지의 범위를 Scope라 말합니다. Scope와 Closure에 대해 이해를 하는데 큰 도움이 되었던 게시물을 다시금 발견하게 되어 복습겸 올려봅니다. 본 게시물은 원문(http://1g.io/A3UJB3)의 번역본에 살을 조금 입힌 내용입니다. (원문 게시자 분께는 허락을 받지 않은 상태입니다.) … Read more

[js스터디] 과제 #2

첫 번째 과제를 충실히 잘 진행해준 여러분께 진심으로 감사드립니다. 첫 번째 과제는 변수의 설정과 반복문의 사용에 대해서 복습해 봤습니다. 그럼 두 번째 과제 나갑니다. +_+)~ Here we go~ 1번째 정은이와 은정이는 쌍둥이 형제입니다. 두 형제는 기골이 장대하여 한끼에 밥을 2공기씩 먹는다고 합니다. 밥 한공기의 가격이 1,000원이고, 하루 5끼를 먹는다고 할 때 한달 30일 동안 두 … Read more

[js] 이벤트 버블링

날씨가 좀잡을 수 없을 정도로 오락가락 하고 있네요… 밥 먹으러 나갔다 오는게 업무보다 힘들어지는 더위가 찾아오고 있어요.. 큰일입니다. ㅠ javascript 로 이벤트 핸들링을 하다보면 종종 내가 정한 범위를 넘어서 이벤트가 발생되는 경우를 만나곤 합니다. 위 예제 처럼 파란박스 위에 빨간박스가 겹쳐있을 때 아래와 같이 이벤트를 설정하게 되면 document.getElementById(“a”).onclick = clicked; document.getElementById(“b”).onclick = clicked; function clicked(event) … Read more