앵귤러를 사용하면서 아래처럼 ng-model을 통해 input text에 들어오는 키워드들에 대해서 변경된 값을 바로바로 셋팅할 수 가 있다. 그리고 한가지 유의할 점은 input value에 {{keyword}} 즉, 다른쪽에서 넘어온 데이터를 셋팅을 해주게 되면input 의 변화가 없다면 undefined가 search()의 파라미터로 넘어가게 된다.ex) {{keyword}}가 카카오! 이 상태에서 검색버튼을 누르면 app.query에는 아직 undefined이다!! 그래서 제대로 된 검색결과가 나오지 않는다. 그러므로 체킹을 한번 해주고 기존에 있는 데이터({{keyword}})를 활용하면 되겠다.if(angular.isUndefined(keyword)){ keyword=$scope.keyword..

이 페이지에서 학습을할 것은?! angularjs를 하기 위해 기본적인 지식들 정리! ㅎㅎ 공식 사이트 : https://www.angularjs.org/배우기 위한 사이트 : https://thinkster.io/angulartutorial/a-better-way-to-learn-angularjs/ ㄴ angularJS binding 동영상 : 음...ng-model의 유용함을 보여주는?! : https://thinkster.io/egghead/binding/ ㄴ 기본 컨셉을 알려줌! : https://code.angularjs.org/1.2.26/docs/guide/concepts 가이드 페이지 : https://docs.angularjs.org/guide/ 모듈?? 우선 모듈?? 모듈이 무엇인지 살..

업무를 하면서 정리를 하지 않으니 그냥 대충 알고 가는것 같다.천천히 제대로 따라가자! 아래는 이번 웹프로젝트에 참여하면서 사용할 친구들이다.단, node.js가 먼저 셋팅되어있어야 한다.(npm 등)localhost:~ terrypark$ npm list --global -depth=0 /usr/local/lib ├── bower@1.3.12 ├── generator-angular@0.9.8 ├── generator-karma@0.8.3 ├── grunt-cli@0.1.13 ├── npm@1.4.28 └── yo@1.3.0 생소한 것들이 많다. angular, bower, karma, grunt, yo?하나씩 알아가보자!참고 url : https://www.youtube.com/watch?v=QfWmt..