Javascript 예약어

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

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
  •  
  •  
  •  
  •  

email validation

요즘 SNS 등의 국제적인 사이트 뿐만 아니라 국내 수많은 사이트들이 가입하는 회원의 ID 대신 email을 수집하는 경우가 주류를 이루고 있다. 또한 email은 회원들에게 정보를 제공하거나 수집할 때 SNS와 함께 가장 유용한 방법 중 하나로 활용되고 있다. 따라서 회원가입 또는 로그인 단계에서 올바른 이메일 주소를 입력 받는 것은 그만큼 중요한 일이 되었다. email이 형식에 맞는지 체크하는 […]

Share the joy
  •  
  •  
  •  
  •  

jQuery UI를 활용한 Drag & Drop 예제

아래 예제는 jQuery UI를 활용한 Drag & Drop 예제이다. 화면에 4개의 그림이 한 줄로 표시된다. 각각의 그림은 food, city, sports, animals를 나타내는 가로/세로 100px인 임의의 이미지가 표시된다. 그림들 아래에는 4개의 빈 사각형이 표시되고 각각에는  food, city, sports, animals 라는 텍스트가 임의의 순서로(새로고침 할 때마다 위치가 바뀜) 표시된다.  이 프로그램은 위의 이미지 중 하나를 끌어다 아래의 […]

Share the joy
  •  
  •  
  •  
  •