이든의 생활코딩

PC에서 모바일 페이지로 이동하기 입니다. 보통 PC와 모바일 버전이 따로 있는 경우 ( 레이아웃 반응형이 아닌 별도의 페이지의 있는 경우) 에는 모바일 페이지 URL을 따로 사용한다. m.url.com 이라던지 url.com/m/main.do 등의 컨셉을 사용할 때 적용하는 방법! 모바일 디바이스를 확인하는 소스는 매우 흔한듯.. 다음과 같이 적용하면 매우 쉽게! 적용 가능~ 메인 JSP 파일이나, JAVA에서 적용하면 될 듯 쉽다..(JSP에서만 해봄..) String ua=request.getHeader("User-Agent").toLowerCase(); if (ua.matches(".*(android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|..

https://github.com/btford/angular-express-seed

https://docs.angularjs.org/tutorial/step_11이번 단계에서는 앱에서 데이터를 가지고오는 방식이 변경됩니다. Restful한 클라이언트를 표현하는 서비스를 정의합니다. 이 방법을 이용하여, 저단계의 $http API를 사용하지 않고, 쉽게 서버의 데이터를 요청할 수 있수 있게됩니다.RestFul 하게 Angular를 구현하기 위해 ngResource 모듈을 사용합니다. ngResource는 Angular Core와 개별적으로 나뉘어져 있으므로, ngRoute와 마찬가지로 다운로드를 받아야 합니다. Bower 또는 npm 을 이용하여 다운로드 받으세요. (인터넷에서 찾으셔도 됩니다.) angluar-resource 1.3.3 버전을 다운로드 받았습니다.본격적으로 resourc..

https://docs.angularjs.org/tutorial/step_09https://docs.angularjs.org/tutorial/step_10이번에는 두개의 튜토리얼입니다. 간단하고 어렵지 않은 내용이므로 빠르게 소스만 집고 넘어가겟습니다.STEP : 09 Custom Filterng 에서는 표현식을 사용할 때 기본 제공하는 Filter를 이용하여, 여러가지 표현식으로 변경할 수 있습니다 {{ expression | filter option }} 이러한 형태로 filter option을 설정하여 표현식의 값을 바꿀 수 있습니다.기본 제공하는 Filter Option은 ( * https://docs.angularjs.org/api/ng/filter 참조 )currency(화폐), date(날짜..

https://docs.angularjs.org/tutorial/step_07AngularJS에 Routing 기술과 멀티 뷰에 대한 튜토리얼입니다. 튜토리얼 정리는 모두 angularjs.org 홈페이지의 내용을 바탕으로 진행하였습니다.AngularJS에서 Routing은 URL을 구분하여, 뷰를 변경하는 기술입니다.AgnularJS routing 은 ngRoute 라고 요약해서 부르고, 튜토리얼을 따라하면, npm이 설치 되있으므로, 아래와 같이 명령어로 설치가 가능합니다. ( 튜토리얼에서 bower.json에 추가하여 bower install을 사용하도록 하는데 이상하게 버전을 제대로 찾이 못하여 설치가 되지않았습니다. 하여 npm을 이용하였습니다.)npm install angular-route a..