ajax 이해

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

Share the joy
  •  
  •  
  •  
  •  

mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead…

php 5.5.x 버전을 사용하는 경우(XAMPP 1.8.x 이상 포함) 예전의 mysql 함수를 사용하면 에러가 발생한다. 예를 들어 mysql_connect()를 사용하면 아래와 같이 에러메시지가 표시된다. mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead… 원인 php5.5 이상에서는 공식적으로 mysql_connect()와 같은 mysql 연결 함수들을 사용하지 않기로 하였다. 다면 이 버전에서는 제공은 […]

Share the joy
  •  
  •  
  •  
  •  

CSS3 Transforms 2D

Transform은 CSS3에 새로 추가된 효과이다. 이 효과를 이용하면 요소의 모양 변형, 위치 이동, 크기 변경 등의 효과를 줄 수 있다. 여기서 살펴볼 효과들은 2차원(평면적인) 효과들이다. translate() translate() 요소의 위치를 현재 위치로부터 주어진 가로와 세로 값 만큼 이동시켜준다. 예) -ms-transform : translate(50px,100px); /* MS IE 9 */ -webkit-transform : translate(50px,100px); /* chrome, safari, opera */ transform […]

Share the joy
  •  
  •  
  •  
  •  

email validation

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

Share the joy
  •  
  •  
  •  
  •  

CSS3 회전 속성과 javascript를 활용한 아날로그 시계

이 예제는 css3의 변환(transform)효과 속성을 활용하여 이미지의 회전 값에 변화를 줌으로써 아날로그 형태의 시계를 표현하는 것이다. 이 예제를 통해서 자바스크립트에서 시간을 다루고 css 속성을 변경하는 방법에 대해 익혀보자. IE의 경우 이 예제는 버전 9부터 작동한다. 아날로그 시계 코드

clock Share the joy    

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

Javascript vs jQuery

5개의 이미지가 있다. 이 이미지들이 차례로 왼쪽에서 오른쪽 방향으로 움직인다. 화면에 보이는 하나의 이미지가 오른쪽으로 서서히 이동하고 동시에 다음 이미지가 앞의 이미지를 따라 나타난다. 이 과정이 반복되며 마지막 이미지가 슬라이드 되면 다음 이미지는 첫 번 째 이미지가 된다.  이것을 보통 슬라이드라고 한다. 웹 페이지에서 이와 같은 슬라이드 효과를 만들려면 javascript를 사용해야 한다. 여기서는 아래 제시된 […]

Share the joy
  •  
  •  
  •  
  •