css3 animation

css3 애니메이션 소개   css3에 추가된 기능 중에 가장 멋진 기능이 애니메이션이다. css3는 frame 기반의 애니메이션을 제공하는데 크기, 형태, 위치, 회전 등 css가 제공하는 거의 모든 요소에 대해 시간과 방향 등을 지정해 애니메이션을 만들 수 있다. 특히 javascript나 jQuery 같은 라이브러리 없이도 멋진 애니메이션을 만들 수 있다. 이것을 keyframme 애니메이션이라고 한다. keyframe 애니메이션은 시간을 기반으로 […]

Share the joy
  •  
  •  
  •  
  •  

[mvc]간단한 php mvc 만들기 3

이 강좌의 앞 두 글에서 mvc의 기본 구현방법과 데이터베이스에 연결하여 데이터를 표시하는 방법에 대해 살펴보았다. 이제 마지막으로 데이터를 저장하고, 수정, 삭제하는 코드를 추가해보자. 주요 코드에 대한 설명은 이미 앞 두 강좌에서 했으므로 여기서는 변경되고 추가된 부분만 설명할 것이다. ● application\views\board\index.php 수정 board 관련 링크들이 모두 리스트 페이지(index)에 표시되어야 하므로 리스트 페이지를 수정한다. edit 링크와 delete […]

Share the joy
  •  
  •  
  •  
  •  

html5 canvas

 ○ canvas란? canvas는 html5에 새로 추가된 요소이다. canvas는 웹 페이지에 스크립트(주로 자바스크립트)를 활용해 그래픽을 그리는 데 사용한다. canvas 자체는 그래픽이 아니다. 다만 스크립트를 활용해서 그래픽을 그리는 컨테이너(container)일 뿐이다. canvas에는 경로(라인이나 선 등)나 박스, 원, 텍스트와 이미지를 그릴 수 있다. canvas를 지원하는 브라우저는 IE 9 이상과 Firefox, Opera, Chrhom, Safari이다. IE 8과 그 이전 버전들은 canvas를 […]

Share the joy
  •  
  •  
  •  
  •  

html5 canvas line chart

◎ canvas로 꺽은선 그래프 그리기

JS Bin   Share the joy    

Share the joy
  •  
  •  
  •  
  •  

ajax post

get vs post web page에서 다른 페이지로 양식 데이터를 전송하는 방법은 크게 get과 post 방식이 있다. 간단히 말해서 get은 page.php?page=2&search=ajax 와 같은 방식을 url에 데이터를 붙여나가는 방식이다. 이에 반해 post는 HTTP 데이터 전송의 내부(body)에 데이터를 포함시켜 전송하는 방식이다. 둘 중에 어떤 것을 사용할 것인가는 전송하는 데이터의 종류나 보안정책에 따라 달라진다. 예를 들어 로그인이나 회원정보를 url […]

Share the joy
  •  
  •  
  •  
  •  

input 필드에 숫자만 입력받기

입력양식에서 값을 입력받을 때 클라이언트(브라우저) 차원에서 숫자만 입력받도록 제한해야 할 경우가 있다. 예를 들어 금액이나 날짜 그리고 인원 수 등을 입력 받는데 숫자가 아닌 문자가 입력되면 에러가 발생하거나 서버까지 전달된 후 체크하게 되면 사용자는 처음부터 다시 입력해야 하는 등 문제가 발생할 수 있기 때문이다. 여기서는 이와 같이 텍스트 필드(대표적으로 input 필드)에 오직 숫자만 입력받도록 처리하는 […]

Share the joy
  •  
  •  
  •  
  •