전체 글62 [AngularJS] 조건 데이터 표현을 위한 템플릿 (ng-switch, ng-if) 조건 데이터 표현을 위한 템플릿 ng-switch : 어떠한 html태그에서도 사용할 수 있으며, 부모 요소에서 ng-switch="표현식"을 작성. (표현식에 $scope의 속성명이 오게 된다.) 자식 요소에서 ng-switch-when="조건일치값" 을 작성한다. ng-switch를 사용한 조건에 따라 div의 색이 변경되는 예제 red blue ng-show, ng-hide : 적용 요소를 css의 display 속성변경으로 보여주거나 숨김 ng-if : 요소 자체를 없애거나 생성하는것. ($scope 또한 없어지고 생성된다.) ng-if를 사용한 checkbox 에 체크시 버튼이 보여지는 예제 show button 2018. 3. 13. [AngularJS] 양방향 데이터 바인딩의 예제 {{menu.itemName}} {{menu.itemPrice}} buy 가격 : {{totalPrice}} ng-app : Angular 범위를 제한. 하위 노드들이 Angular기능을 사용할수 있게 된다. ng-controller : 적용된 태그영역을 제어하는 컨트롤러 함수를 입력 ng-repeat: for/in과 같은 형태로 반복 데이터를 표현 ng-model : 자바스크립트 객체와 화면 요소 사으의 양방향 데이터 바인딩을 가능하게 한다. ng-click : 컨트롤러 함수의 $scope에 할당된 함수를 호출한다.buy 2018. 3. 13. express 프레임워크 [express 프레임워크] express-generator 모듈과 express 모듈을 합쳐서 express 프레임워크라고 부른다. 프레임워크라고 부르기엔 제공하는 것이 매우 적지만... express 프레임워크 설치 npm install -g express-generator // express 4 버전으로 설치하고싶으면 express-generator@4 로 버전지정. express 프로젝트 생성 // 2018. 3. 12. mysql module [mysql module]Node.js 에서 mysql 모듈을 사용해보자. mysql module 설치npm install mysql mysql db 연동mysql 데이터베이스는 클라이언트가 1시간 이상 응답이 없을 경우 자동으로 연결을 종료시킨다.- https://github.com/mysqljs/mysql#server-disconnects 참고 //모듈 추출 var mysql = require('mysql'); // db연결 var connection = mysql.createConnection({ host : 'localhost', // 2018. 3. 12. express moduler [express 모듈과 함께 사용할 수 있는 미들웨어] router : 페이지 라우트를 수행static : 특정 폴더를 서버의 루트 폴더에 올림morgan : 로그 정보를 출력cookie parser : 쿠키 해석body parser : post 요청 매개변수를 추출connect-multiparty : post 요청 매개변수 추출express-session : 세션 처리를 수행csurf : CSRF보안을 수행error handler : 예외 처리를 수행limit : post 요청 데이터를 제한vhost : 가상 호스트 설정 [router 미들웨어]http 모듈을 사용하여 페이지 라우팅을 할 때 //pathname 변수 선언 var pathname = url.parse(req.url).pathname; /.. 2018. 3. 7. express module - request, response 객체 express module http 모듈에 여러 기능을 추가해 쉽게 사용할 수 있게 만들어진 모듈로, 웹 서버 구축시 가장 많이 사용한다. express 프레임워크에서 많이 다루게 된다. express 모듈 설치 npm install express [미들웨어 개요] http 모듈과 express 모듈의 차이점으로, express 모듈은 request 이벤트 리스너를 연결하는데 use() 메서드를 사용한다는 것이다. use()메서드는 여러번 사용할 수 있고, function(request, response, next) {} 형태의 함수에서 매개변수 next 는 다음 위치에 함수를 의미한다. 미들웨어 사용 예 //모듈 추출 var express = require('express'); var hostname .. 2018. 3. 6. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
