Javascript 예약어

자바스크립트 코딩을 하면서 문법이나 수식 등에 전혀 문제가 없는데도 실행이 되지 않고 에러가 발생하는 경우가 있다. 당연히 이런 경우에는 문제점을 발견하는데 시간이 아주 오래 걸린다. 드물지 않게 많은 이들이 변수나 함수 등을 생성하면서 자바스크립트가 예약한, 즉 사용하지 말라고 한 단어들을 사용해서 에러가 발생하는 경우가 있다. 대부분은 자신만의 코딩 규칙을 가지고 있으면 겪지 않을 수 있지만 […]

Share the joy
  •  
  •  
  •  
  •  

2차원 배열을 로컬스토리지에 저장하기(storing multidimensional array in localstorage)

자바스크립트 다음 예제는 2차원 배열 데이터를 HTML5의 localstorage에 저장하는 예제이다.

IE는 로컬 파일을 브라우저에서 직접 열었을 때 로컬스토리지를 인식하지 못하므로 로컬에서 파일로 열 때는 크롬에서 테스트 가능하다. Share the joy    

Share the joy
  •  
  •  
  •  
  •  

[코딩]간단한 축구게임 만들기

코딩교육 열풍이 불 조짐이 보입니다. 코딩교육에 대한 수많은 사람들의 생각이 인터넷을 떠돌고 있는데요, 공통적인 것은 코딩교육이 디지털시대의 문제해결 능력 향상에 도움되는 일이라는 것입니다. 여기 간단히 축구공을 골대에 넣는 프로그램을 어떻게 짜는지 예제를 만들어 보았습니다. 이 예제는 http://code.org 사이트를 보고 생각이 나서 만들어 본 것입니다. 코딩을 시작하는 분들에게 약간의 도움이라도 되기바랍니다. 그리고 학생들이 이 기본적이고 허술한 […]

Share the joy
  •  
  •  
  •  
  •  

테이블 셀에 hover 시 열(column)에만 highlight 효과 주기

Document Share the joy    

Share the joy
  •  
  •  
  •  
  •  

마우스 포인터를 따라다니는 이미지 Share the joy    

Share the joy
  •  
  •  
  •  
  •  

페이지 스크롤이 끝에 다다랐는지 알아내기

최근의 웹 페이지들은 infinite scroll(끝없이 이어지는 스크롤)로 구현되는 경우가 많다. 예를 들어 페이스북이나 트위터도 그렇다. 이런 경향은 아마도 스마트폰과 같은 미디어들의 등장으로 one page 사이트들이 일반화되기 때문인 것 같다. 이러현 경향은 스마트폰 뿐만 아니라 PC의 웹사이트에서도 일반화되는 추세이다. 그러다 보니 페이지의 끝에 스크롤이 이르면 다음 페이지의 내용을 불러와 추가해주는 방식이 활용되고 있다. 그러기 위해서는 스크롤이 […]

Share the joy
  •  
  •  
  •  
  •  

ajax 이해

ajax란? ajax란 Asynchronous JavaScript and XML 즉 비동기 자바스크립트와 XML 처리 기술을 말한다. ajax 새로 생겨난 프로그래밍 언어는 아니다. 다만 이미 존재하고 있던 웹표준을 새로운 방식으로 사용하는 것이다. ajax는 서버에서 데이터를 교환하는 기술로 전체 페이지를 새로 읽어들이지 않고 한 부분의 내용을 갱신할 수 있는 기술이다. 예를 들어 전체 레이아웃 페이지 이동 없이 게시판의 다른 페이지로 이동하거나 […]

Share the joy
  •  
  •  
  •  
  •