[mvc]mvc란 무엇인가?

mvc란? mvc는 model-view-controller의 약자로 소프트웨어 공학에서 어플리케이션을 구성하는 패턴(pattern) 중 하나이다. 이 mvc 패턴은 응용프로그램의 시각적 부분과 가 이면의 동작과 제어를 처리하는 부분(비즈니스 로직이라 한다)을 분리하여 서로에 미치는 영향 없이도 응용프로그램을 변경할 수 있다는 장점이 있다. 예를 들어 데이터베이스나 제어프로그램의 변경 없이 시각적인 부분만 수정하려면 view에 해당하는 부분만 수정하면 되고 시각적인 부분과 관계 없이 데이터 […]

Share the joy
  •  
  •  
  •  
  •  

.htaccess 예제

아래 .htaccess 파일 코드는 mvc 또는 clean url 등을 구현할 때 사용하는 간단한 예제이다.

Options -MultiViews 이 설정은 web server 인 Apache의 config 파일의 설정과 연관이 있다. Apache의 기본 설정이 어떻게 되어 있던 관계 없이 .htaccess 파일에 설정을 지정하면 .htaccess 파일이 존재하는 디렉토리(폴더)는 이 설정의 영항을 받는다. Options -Multiview는 .htaccess 파일이 있는 디렉토리(폴더)에서 url이 […]

Share the joy
  •  
  •  
  •  
  •  

Facebook page Like Box 웹 사이트에 넣기

Facebook의 page는 일반적으로 공개를 목적으로 만들어지는 경우가 많다. 최근에는 기업, 공공기관, 각종 단체 등이 자신들의 활동을 홍보하고 SNS 이용자들과의 교류를 위해 page를 만든어 활용한다. 이 글은 페이스북 page의 일부 정보를 웹 사이트에 포함시켜 실시간으로 page의 변화를 확인할 수 있는 방법을 설명한다. Facebook 개발자 센터에서는 이를 Like Box for Pages 라고 한다. ○ 페이스북 로그인 하기 […]

Share the joy
  •  
  •  
  •  
  •  

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

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

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

ajax post

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

Share the joy
  •  
  •  
  •  
  •