Web
-
[AngularJS] 4. 템플릿 시스템과 데이터 바인딩 - 1 - AngularJS 강좌Web/AngularJS 2016. 1. 29. 15:29
템플릿 시스템과 데이터 바인딩 구조적이고 재사용하기 좋은 웹 어플리케이션을 개발하려면 화면과 데이터의 분리가 필수적입니다. 나아가 데이터와 화면 사이의 싱크도 필요합니다. 기존 JS 기반의 웹 어플리케이션 대부분이 데이터와 화면 사이가 끈끈하게 이어져 있고 데이터와 화면 사이의 싱크를 위해서 반복적인 코드를 사용했습니다. 그렇게 하다보니 스파게티 코드(Spaghetti Code)라 하여 화면 처리 코드와 데이터 처리 코드가 서로 엉켜있어 유지보수하기 어렵고 재사용 불가능한 어플리케이션을 만들게 됩니다. 하지만 AngularJS는 화면과 데이터의 분리를 용이하게 하는 템플릿 시스템과 데이터와 화면 사이를 싱크할 수 있게 하는 데이터 바인딩을 제공함으로써 앞선 문제점을 말끔하게 해결해 줍니다. 1. 템플릿의..
-
[AngularJS] 3. AngularJS 부트스트랩(Bootstrap) - AngularJS 강좌Web/AngularJS 2016. 1. 15. 16:52
AngularJS 부트스트랩(Bootstrap) 1. ng-app 지시자를 이용한 부트스트랩 AngularJS 웹 app이 되는 조건은 단순히 Script 태그로 angular.js 파일을 로드하는 것으로 충족되는 것이 아닙니다. 특정 태그에 ng-app 속성을 추가해서 AngularJS 부트스트랩을 적용해야 합니다. 아래 예제는 간단한 AngularJS 웹 app 예제입니다. * simpleajs.html 123456789101112 Simple Angular JS App Hello {{name}} world ! Colored by Color Scriptercs ng-app은 AngularJS 웹 app의 범위를 제한하는 지시자이자 제한자입니다. ng-app 지시자를 추가한 노드가 루트 노드가 되어 하..
-
[AugularJS] 2. AugularJS 살펴보기 - AngularJS 강좌Web/AngularJS 2016. 1. 15. 16:28
AngularJS 살펴보기 1. To-Do 웹 어플리케이션 AngularJS를 간단히 살펴보기 위해서는 To-Do 어플리케이션을 구현해보는 것입니다. 이번 장에서 간단하게 할 일을 추가, 수정할 수 있는 웹을 AngularJS를 통해서 작성해 보겠습니다. todo 폴더를 생성하여, index.html을 아래와 같이 작성합니다. * index.html 12345678910 My To-Do App AngularJS To-Do App cs 여기까지 작성 후, 트위터 Bootstrap을 적용하겠습니다. http://getbootstrap.com/ 에 접속해서 내려받아서 라이브러리에 추가할 수 있지만, CDN을 통해서 적용할 수도 있습니다. 위에서 작성한 index.html의 head 태그안에 추가해줍니다. 그리..
-
[AngularJS] 1. 프로젝트 및 개발환경 구성 - AngularJS 강좌Web/AngularJS 2016. 1. 15. 12:32
프로젝트 및 개발환경 구성 1.개발환경 구성 당연히 AngularJS 예제를 작성하려면 필요한 도구들을 챙겨야 합니다. 여기서는 Node.js, grunt.js를 설치해보도록 하겠습니다. 1-1. Node.js 설치 AngularJS를 사용하는데 필수적인 요소는 아니지만, 간단한 웹 서버 구동용으로 쓰신다고 보시면 되겠습니다. 아래 주소로 접속하면 아래 화면처럼 구성되어 있습니다. 윈도우에서 접속해서 그런지, 아래와 같이 바로 잡아주네요. 이전에는 LTS와 Stable로 나뉘어져 있지 않았는데,,, 아무튼. Stable 버전으로 받겠습니다. http://www.nodejs.org/ 다운받으신 후, 설치 가볍게 해주시면 됩니다. 설치가 완료되었다면, 버전 확인을 통해, 마지막 확인을 합니다. $ node ..
-
[Web Building] 한국 웹 브라우저 점유율Web/Web Building 2015. 11. 24. 11:29
먼저 한국의 점유율 입니다... ... 밖에 할말이 없네요.. 아직 IE 라는 점이 그나마 비교적 소폭 상승중인 크롬입니다. 아직까지 정부 기관 웹이나 여러 Active X 간지 때문인지라 IE의 의존도가 높습니다. 심지어 Windows 10 으로 올라가며 Edge에 대한 대응책도 주어지지 않은 현상황입니다. Active X 무슨 세제도 아니고... 국내에 경우에는 아마 Naver 또한 검색 조건에 있다면 아마 상당수로 선점했으리라 생각합니다. 만능 Naver로 웹툰부터 쇼핑, 동영상 시청까지 다 하는 상황이니... Source: StatCounter Global Stats - Browser Market Share 네. 다음은 우리 윗동네 북쪽 친구들을 살펴보죠. 북쪽 친구들은 크롬과 파폭이 선점을 했습..
-
[AngularJS] 13.5 API - AngularJS 강좌Web/AngularJS 2015. 11. 20. 13:11
AngularJS API 1. AngularJS Global API AngularJS Global API는 아래와 같은 일을 수행하기 위한 global 자바스크립트 함수의 집합입니다: - 객체 비교 - 객체 열거 - 데이터 변환 Global API 함수는 angular 객체를 사용하여 접근됩니다. APIDescriptionangular.lowercase()Converts a string to lowercaseangular.uppercase()Converts a string to uppercaseangular.isString()Returns true if the reference is a stringangular.isNumber()Returns true if the reference is a number ..
-
[ASP] ASP 세션(Session)Web/ASP 2015. 10. 16. 11:00
ASP Session Object 세션 객체(Session Object)는 정보와 관련된 것 또는 사용자 세션을 위한 변경된 설정을 저장합니다. The Session Object 어플리케이션에서 작업을 할때, 열고, 어떠한 점을 변경하고 닫습니다. 이러한 것을 세션이라고 합니다. 컴퓨터는 당신이 누군지 알고 있습니다. 컴퓨터는 어플리케이션을 열때와 닫을 때를 알고 있습니다. 그러나, 인터넷 상에서는 한 가지 문제점이 있습니다: 웹 서버는 당신이 누구고 어떤 작업을 할지 모릅니다, HTTP 주소는 상태를 유지하지 못하기 때문입니다. ASP는 각 유저를 위한 식별가능한 쿠키를 생성함으로서 이 문제를 해결합니다. 쿠키는 사용자 컴퓨터로 전송되어지고 쿠키는 사용자 식별이 가능한 정보를 포함하고 있습니다. 이 인..
-
[ASP] ASP 쿠키(Cookie)Web/ASP 2015. 10. 2. 13:00
ASP Cookies 쿠키는 종종 사용자를 식별하기 위해 사용됩니다. Examples Welcome cookie: Welcome cookie를 만드는 간단한 방법입니다. 123456789101112131415161718192021222324Colored by Color Scriptercs What is a Cookie? 쿠키는 종종 사용자를 식별하기 위해 사용됩니다. 쿠키는 서버가 사용자의 컴퓨터에 내장된 작은 파일입니다. 매 시간마다 같은 컴퓨터가 브라우저의 페이지를 요청하는 경우, 쿠키도 같이 보내게 됩니다. ASP에서, 쿠키 값을 생성하고 조회할 수 있습니다. How to Create a Cookie? Response.Cookies 명령어는 쿠키를 생성하는데 사용합니다. Note: Response...