내맘대로 살기🎉

동적 뷰와 라우팅 angular를 이용해서 웹 사이트의 header, footer, left, right로 나누는 것을 쉽게 할 수 있다. angular의 동적 뷰를 이용하면 되는데, 그 방법은 URL을 기준으로 $routeProvider를 통해서 특정 뷰를 얻어온 다음 적용하면 된다. myApp.config(['$routeProvider', function($routeProvider){ $routeProvider .when('/', { templateUrl:'views/main.html' }); .when('/emails', { templateUrl:'views/emails.html' }); .otherwise({ redirectTo:'/' }); }]); - URL이 '/'이면 main.html로 주..

선언적 DOM 메서드 디렉티브이며, 스크립트로 작성해서 DOM에 기능을 제공한다. ng-show와 ng-click을 사용한 토글 네비게이션 예제로 확인해본다. Toggle nav Link 1 Link 2 Link 3 - 이 코드를 실행시키면 아래와 같이 실행되는데, "Toggle nav"를 클릭하면 밑의 Link 1~3이 사라지거나 보인다. 말 그래도 토글이다. 표현식 어떤 식으로 작성하는지 먼저 확인해보자. {{ data.length > 0 && 'My data' || 'No data'}} 이런 식으로 작성하면, data.length가 0보다 크다면, My data. 작다면, No data라고 출력하는 문이다. if문을 쓰지 않아도 아주 짧게 표현할 수 있다. 내 생각 - javacript에서 data..

scope함수를 사용하여 메일 중 하나를 삭제하는 기능을 만들어보자. 고급 팁: 모델에서 데이터를 지우는 동작을 생각해보는 건 중요하다. 실제 DOM과 연관된 요소를 지우는 게 아니기 때문이다. Angular는 양방향 바인딩과 콜백없이 처리한다. 우리는 데이터에 반응하는 코드를 현명하게 작성하면 된다. My Inbox: From: {{ message.from }} Subject: {{ message.subject }} {{ message.sent | date:'MMM d, y h:mm:ss a' }} Delete email // 추가된 부분 - delete하기 위해 - html파일 안에 어떤 식으로 코드가 작성되고, 추가되었는지 확인 var myApp = angular.module('myApp', [])..

node app.js 를 한 번 하면, 코드가 수정되어도 계속 수정 전의 코드상태로 실행되고 있음. 하지만 ! supervisor를 사용하면, 수정되면 자동으로 꺼졌다 ! 켜졌다 ! 한다. 이런 기능을 워치(watch)라고 한다. 설치- npm install supervisor --g--g로 하는 이유는, 이 파일이 있는 폴더 뿐만 아니라 컴퓨터 모든 곳에서 사용하기 위해. 사용- node app.js라고 실행시키던 것을 supervisor app.js라고 실행. 굉장히 편하다...

GET방식과 POST방식의 차이 GET - 어떠한 정보를 서버에 요청해서 가져오는 것. // " 서버 " ㅁ .jade 태그의 속성을 넣고 싶다면 ex) meta(charset='utf-8') pp.get('/form',function(req,res){ res.render('form'); }); app.get('/form_receiver',function(req, res){ var title = req.query.title; var description = req.query.description; res.send(title+','+description); }); - input이나 textarea의 값을 submit했을 때 값을 가져오고 싶다면 name을 지정해주고 req.query로 참조하면 된다. ㅁ ..