오늘은 Vue의 instance 와 Lifecycle 에 대한 내용입니다.간단하니까.. 금방 끝 Creating a Vue Instance 모든 Vue Application은 Vue 함수를 가지고 새로운 Vue instnace를 생성하는 것으로 부터 시작합니다. var vm = new Vue({// options}) 비록 Model-view-viewmodel(https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel)에 엄격하게 연관되어 있지는 않지만, Vue의 설계는 부분적으로 MVVM pattern에서 영감을 받았습니다.우리는 가끔 vm(short for ViewModel) 변수를 우리 Vue instance에 참조(refer)할때 사용합니..

오~래간만에 글을 올리는군...React.js을 보다가.. 업무에 치여 못보고 있다가.... 최근 Vue.js 에 대한 관심이 높아져서... 또.. 한번...https://vuejs.org/v2/guide/#Ready-for-More 의 번역입니다.예전부터 Javascript 할때가 재미있다... Introduction What is Vue.js? Vue(발음은 /vju:/ , view 와 같죠)은 사용자 인터페이스를 구축하기 위한 전진하는 프레임워크(progressive framework) 입니다.다른 단일의 프레임워크와는 다르게, Vue은 점진적으로 반영될수 있는 기반으로 설계 되었습니다.이 핵심 라이브러리는 오직 view layer에 집중되었고,여러분이 사용하는데 매우 쉽게 되어 있고, 다른 라이브..

바로 이전 프로젝트를 AngularJS을 이용해서 진행하였고, React 도 한번 정도 해 보면 어떨까 고민을 조금씩 하고 있습니다만...기본적인 지식에 대한 내용을 이해하기 쉽게 세분화 해서 설명을 해 놓았네요. SPA 와 SPA의 라우팅 원리 - http://reimaginer.tistory.com/entry/spa-and-spa-routing 실습하는 과정중에 혹시 windows 환경아래서 진행하시는 분들에게 powershell을 이용하여, 마치 linux 인냥.. 쉽게 접근할수 있는 방법을 가이드 합니다. 1) windows 환경이기 때문에, 저는 scoop를 우선 설치 합니다. (powershell 입니다.) iex (new-object net.webclient).downloadstring('h..

번역을 해봅니다.http://rajasekarm.com/test-driven-restful-api-development-using-node-and-mongodb/ Introudction최근에 최대한 내 프로젝트 중에 모든 Javascript 코드들을 작성할 때 테스트 케이스를 작성하려고 노력했습니다.왜냐하면 TDD(Test Driven Development) 보다 안정적인 코드, 에러를 줄여주며,다른 모듈과 해당 코드로 부터 느슨한 결합(loosely coupled)을 를 만들도록 해주기 때문이죠.이 기사는테스트 기반 메소드에서 RESTful Todo API 를 어떻게 개발하는지를 보여드리도록 합니다. Technology Stack서버는 Node를 그리고 데이터베이스로써는 Mongoose ODM으로 하는..

회사에서 간단한 웹 사이트를 만들일이 있을 듯 싶다.새로운 기능으로 만들어 보고 싶은 맘에 JHipster 라는 것을 발견했다.(YEOMAN + MAVEN + SPRING + ANGULARJS IN ONE HANDY GENERATOR) https://jhipster.github.io/https://github.com/jhipster/jhipster-sample-app Goal완벽하고 모던 웹앱을 만드는 것이 목표랍니다. Sample & Source : https://github.com/jhipster/jhipster-sample-app한번 해보고 나서, 스타를 줄지 말지 고민해보도록 하겠습니다. ㅎ 간단하게 생성한 어플리케이션을 체크 아웃 해보시길 바랍니다. 링크는 위에. Release note Rele..

https://thinkster.io/mean-stack-tutorial/ 전체적인 번역도 해보면서, 샘플을 직접 하드코딩해 가면서, 테스트까지 완료해봤다.MEAN stack에 대한 전체적인 개념 정리를 속성으로 할수 있는 튜토리얼이였다. 번역을 한것을 넣을까 하다가...실제 해당 사이트에 가서 보는 것이 보다 낫다고 판단했다.내가 번역한것은 역시 나만 나중에 추억으로 간직하고자... Evernote에 넣어 두었고,혹시 전체적인 sample을 받아 보고자 하는 분들은 github에 넣어 두었으니.. 이건 참고로 보시면 될듯.. https://github.com/kimseunghyun76/meanstack_test.git 이걸 토대로 무엇을 추가적으로 만들어 볼지에 대해서 고민을 해야 겠네요...