UroA 개발 블로그

[Node.js] NVM (Node Version Manager) 설치하기 1. NVM (Node Version Manager) 란? NVM은 node의 버전을 관리해주는 manager tool 역할을 해준다. nvm으로 node 설치도 가능하며 복수 설치된 버전 중 특정 버전을 선택하여 사용할 수 있다. 2. 기대효과 (1) NVM은 node의 여러가지 버전을 사용하게 해줄 수 있게 해준다. (2) 기존의 NVM을 사용하지 않고 설치한 노드는 /usr/local/bin 에 설치가 되므로 관리자 권한이 없이는 제대로 실행되지 않는다. 특히 -g 옵션을 줘서 global로 모듈을 설치할 때 마다 sudo 해줘야 하는 불편함이 따른다. 하지만 NVM을 사용하여 설치하면 /Users/kimjongmin/.nv..

passport 모듈을 사용하여 로그인 기능 구현 Experss에서는 passport 모듈을 사용하여 인증을 좀 더 쉽게 구현할 수 있다. 로그인 정보는 express-mysql-session 모듈을 사용하여 MySQL에 저장하였다. - 참고(1) https://velopert.com/406(2) http://blog.jeonghwan.net/angularjs-passport%EB%A1%9C-%EC%9D%B8%EC%A6%9D%EA%B5%AC%ED%98%84/(3) 생활코딩 server

Express에서 template으로 HTML 사용하기 Express 프로젝트를 생성 하면 생성시 옵션으로 --ejs를 설정하지 않았다면 기본적으로 jade를 temlplate 으로 사용하고 있을 것입니다.이를 jade가 아닌 html을 template으로 사용하기 위해서는 아래와 같은 단계를 거치면 가능합니다. 1. ejs 모듈 설치 npm install ejs 2. template 설정 변경 // app.jsapp.engine('html', require('ejs').renderFile);app.set('view engine', 'html'); 위와 같은 단계를 거치면 html 파일을 template으로 사용 가능할 것 입니다.

[Q-Admin] 프로젝트 생성 (Express + AngularJS) (2) 먼저 앞으로 이어질 글들은 Express + AngularJS 프로젝트를 만들때 중요했던 흐름 위주로 작성할 예정이다. 따라서 하나하나 세세하게 순서를 설명하지는 않을 것이다. ※ 참고 사이트 프로젝트를 만들며 참고했던 사이트들 이다. 정말 상세하게 잘 나와있으니 처음 시작하시는 분들이 참고하시면 좋을 것 같다.(1) https://coderwall.com/p/ww38iq/angular-and-express-setup(2) http://blog.jeonghwan.net/lectures/todomvc-angular/1/(3) http://corpus.hubwiz.com/2/node.js/17451834.html(4) http:/..

프로젝트 생성 (Express + AngularJS) (1) Q-Admin 프로젝트는 Server와 Client를 하나의 프로젝트에서 만들기로 하였다. 동아리에서 다뤄봤던 Express와 Q-Map을 하며 다뤄봤던 AngularJS를 사용하며, DB는 Mysql을 사용할 것이다.처음에는 yeoman을 통해서 아래와 같이 미리 틀이 잡혀있는 프로젝트로 시작하려 하였다. https://github.com/angular-fullstack/generator-angular-fullstack yeoman을 통해 프로젝트를 생성 하였지만 부족한 실력탓에 잘짜여진 프로젝트를 이해하지 못하고 결국 새로 시작하기로 하였다. 다음 글 부터는 Express + AngularJS 프로젝트를 생성하는 방법과 주의할 점에 대해서 ..

Q-Admin 개발하기 Q-Map의 Prototype개발을 마치고 Q-Admin 개발을 시작한다. Q-Admin은 관리자가 현재 서비스중인 앱의 DB를 쉽게 조회할 수 있는 프로젝트이다.

Q-Map Prototype 완성 약 2주간에 걸쳐 Q-Map Prototype을 완성하였다. 웹 프로젝트는 학교에서 수업때 했던 게시판만드는 정도였는데 이번프로젝트를 하며 외부라이브러리를 사용하고 AngularJS를 사용해보는 경험을 하였다. 회사 사람들에게 간단하게 설명할 수 있도록 ppt를 만들었고, 프로젝트는 github에 있다. 멘토님께서 조언해주신 코드 리팩토링을 참고하여 수정할 것이다. github => https://github.com/kdhx92/Q-Map

AngularJS 공부하기 좋은 사이트 추천 처음 접해보는 Anuglar JS를 사용하여 프로젝트를 하며 도움을 얻었던 사이트들을 추천합니다. Angular JS에 대해 정확히 알지 못하였는데 아래의 좋은 글들을 읽고 도움이 많이 되었습니다. - https://blog.outsider.ne.kr/975- http://d2.naver.com/helloworld/1172239 위의 글들을 읽고 공식홈페이지에서 Tutorial 및 API Reference를 참고하면 좋을것 같습니다. - https://angularjs.org/ 각종 도움이 될 만한 글들을 모아놓은 블로그 입니다. - http://w3devlabs.net/wp/?p=15

gmaps -> angularjs-google-maps 라이브러리 변경 기존의 프로젝트를 angularjs로 변경하여 다시 진행함에 따라 사용하던 gmaps(javascript Google map library) 라이브러리를 angularjs-google-maps 라이브러리로 변경하였다. angularjs-google-maps github -> https://github.com/allenhwkim/angularjs-google-maps 위와 같이 library의 기능들이 예제로 주어지고 있으며, Plunker로 확인 할수도 있다. 프로토타입의 프로젝트에서는 (1) custom-marker-ng-repeat.html 과 (2) polyline-simple.html 를 사용하였다.

프로젝트 AngularJS 로 변경 회사의 앱이 AngularJS를 이용한 Ionic으로 개발되어있다. 그래서 조금 더 도움이 될 수 있도록 진행하고 있던 Q-Map 프로젝트를 AngualrJS 로 변경하기로 했다. Webstorm에서 AngularJS 프로젝트를 생성하였다.