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

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

Share the joy
  •  
  •  
  •  
  •  

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

Document

Share the joy
  •  
  •  
  •  
  •  

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

Share the joy
  •  
  •  
  •  
  •  

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

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

이전 강좌 [mvc]간단한 php mvc 만들기 1 에서는 php mvc 패턴의 기본적인 이해를 돕기 위해 model 부분은 빼고 페이지 구성과 연결 관계를 알아보는데 주력했다. 이제 여기서는 데이터베이스를 포함한 어플리케이션을 구성해보기로 하자. 즉 model 부분을 구성하여 데이터베이스을 어떻게 처리하는지 경험해볼 것이다. ● 데이터베이스 준비 XAMPP나 기타 웹서버를 사용하고 MySql 데이터베이스를 사용한다면 phpMyAdmin 응용프로그램을 잘 알 것이다. 지금부터 […]

Share the joy
  •  
  •  
  •  
  •  

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

이제부터 php를 활용한 mvc 응용프로그램을 만들어보자. 여기서 만드는 예제는 codeigniter(대표적인 php mvc framework, https://ellislab.com/codeigniter) 같은 mvc 프레임워크가 제공하는 수준의 기능과 복잡함은 없지만 초보자들이 mvc를 이해하는데 도움이 되는 정도로 만들어보고자 한다. 이 글에서 만드는 mvc 예제는 상당부분 http://www.php-mvc.net/ 에서 공개한 php-mvc-master 예제를 기초로 기타 mvc 예제들을 참조하여 학생들이 이해하기 쉽게 축소하고 수정한 것임을 미리 밝혀둔다. 또한 이번 예제는 데이터베이스를 다루는 model […]

Share the joy
  •  
  •  
  •  
  •