자바스크립트

[js] canvas로 만든 그림판

by

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

[js] 변수 끌어올림 (Hoisting)

by

원래 오늘 포스팅 예정이던 유용성 없어보이는 스크립트가 있었는데.. 지인이 보내준 흥미로운 글에 답을 하나씩 달다가 이 글을 작성하게 되었습니다. 블로그 포스팅 소스가 될만한 질문들이 아주아주아주아주 많아서 정말 좋네요. ㅠ 제가 아는 수준에서 하나 둘 정리해서 올리겠습니다. 인터뷰하러 가실 때 참고하시라고.. ㅎ 오늘은 javascript 의 Hoisting 즉, 끌어올림에 대해서 다뤄보겠습니다. var job = “web publisher”; function … Read more

[js스터디] 과제 #4

by

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

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

by

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

[js스터디] 과제 #3

by

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

[js스터디] 과제 #2

by

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

[js] 이벤트 버블링

by

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

[js스터디] 과제 #1

by

21일 진행된 기초 js 스터디에 참석해주셔서 감사합니다. 비와 바람이 솔찮해 오고 가시는데 힘드셨을텐데 먼길 오셔서 얻어가는게 있으셨길 바랍니다. 그럼 예정처럼 과제를 진행하며 복습하는 시간을 가져보도록 하겠습니다. 1번째 50~500 까지의 합을 구하는 코드를 작성하시오. for 문을 사용해서 작성하고, while 문을 이용해서 작성하시오. 2번째 아래와 같이 출력되도록 javascript 코드를 작성하시오. * ** *** **** ***** 힌트: javascript … Read more