세줄코딩

파일 업로드 - Angular1.x로 작업시 ( Rest API 서버가 갖추어진 상태 ) 보통 ngFileUpload 를 이용하였다 ---> http://uxicode.tistory.com/355 - Express.js 를 이용한다면? 관련 플러그인들은 엄청많다.... 참고로 2개 정도 써봤는데 괜찮다... 1. restler - https://github.com/danwrong/restler //routes.jsvar express = require('express'); var router = express.Router(); router.post('/', controller.uploadFile ); module.exports = router; //upload.jsvar restler = require(..

1. express-handlebars 설치( 터미털에서 )npm install express-handlebars --save 2. handlebars 등록var exphbs = require('express-handlebars');//여기서 매개변수 app은 var app=express(); 로 익스프레스앱을 뜻함. module.exports=function(app) { //handlebars template app.engine('handlebars', exphbs.create({ defaultLayout:'main', // 디폴트레이아웃사용. layoutDir:app.get('views')+'/layouts', //레이아웃 파일( handlebars ) 경로 partialsDir:[app.get('v..

ng-file-upload 해당 페이지에 가보면 예제가 많아서 따라해보면 바로 알 수 있다.Amazon AWS S3 Upload 에 대한 부분도 있으니 꼼꼼히 살펴보자. url : https://github.com/danialfarid/ng-file-upload HTML - mypageCtrl 이란 명칭은 ui-router에서 controllerAs:'mypageCtrl' 으로 변경했기 때문에 해당 MypageController가 아닌 mypageCtrl 로 접근가능한것임. - css class는 bootstrap.css와 사용자 class가 혼종되어 있음을 참고. 사진 등록 폼 사진 변경 파일명 : {{fileName}} * JPG 또는 PNG / 120x120 사이즈 권장 javascript - 업로..

익스프레스 요청, 응답객체 1. 애플리케이션 객체 - app.set( name, value ) : 익스프레스가 구성에서 사용할 환경 변수를 설정한다.- app.get( name ) : 익스프레스가 구성에서 사용할 환경 변수를 가지고 온다.- app.engine( ext, callback ) : 특정 파일 타입을 출력하기 위해 필요한 템플릿 엔진을 정의한다.- app.locals : 애플리케이션 수준의 변수를 출력하기 위해 모든 템플릿에 전송한다.- app.use( [path], callback ) : 서버로 전송된 HTTP요청을 처리하기 위해 익스프레스 미들웨어를 생성한다.옵션으로 특정 경로에 응답하는 미들웨어를 등록할 수도 있다.- app.VERB(path, [callback...], callback)..

익스프레스 기본 서버 구동. 기본 프로젝트 폴더를 하나 만들어준다. 1. 터미털에서 그 프로젝트 폴더로 이동 - cd 프로젝트경로 ( IDE 터미널같은 경우 프로젝트 폴더에서 기본 시작한다 ) 2. package.json생성을 시켜준다.npm init3. express 설치 npm install express 4. server.js 파일 만들고 아래와 같은 내용 코딩. require() : 코드에 모듈을 호출할 때 사용.NPM 애플리케이션의 최상위 폴더 아래 node_modules라는 폴더에 외부 모듈을 설치한다.외부모듈을 사용하려면 핵심 모듈을 require로 호출하면 된다. 노드는 핵심 모듈 폴더에서 해당 모듈을 찾은 다음에 node_modules 폴더 내부에서 모듈을 찾으려 시도한다. require..

홈브루 패키지 매니저를 사용하면 몽고DB를 아래 두번의 명령어로 설치 가능하다고 한다? (의문표시는 ..... 솔직히 안해봤음 ) brew updatebrew install mongoDB 근데 왠지 위 방법으로 딱 하고 싶지 않다...( 너무 쉬운 것도 문제인가? 병인듯 ㅠㅠ )터미널로 실행을 많이 해야겠기에 터미널 명령어 선행 지식이 필요...필요없다면 Mongodb 설치하기로 이동. cd ( 해당 경로 이동 )cd 입력할 경로명pwd ( 현재 터미널 경로 표시 )pwdls ( 조건 검색어 )F : 파일 유형을 나타내는 기호를 파일명 끝에 표시 (디렉토리는 '/', 실행파일은 '*', 심볼릭 링크는 '@'가 나타남). l : 파일에 관한 상세 정보를 나타냅니다. a : dot 파일(.access 등)을..

Angular Style Guide오 ~ 좋다 url : https://github.com/johnpapa/angular-styleguide/blob/master/a1/i18n/ko-KR.md

gulp-ng-constant - https://github.com/guzart/gulp-ng-constant - Angular 상수 모듈의 동적 생성을 위한 플러그인. 아래는 내가 했던 코드 내용이다. 환경은 yeoman의 angular-fullstack@3.8.0 을 이용했다. - 참고로 angular-fullstack 3.8버전에서는 ES6 를 사용하게 해주고 babel 로 트랜스파일 해준다. gulpfile.babel.jsimport gulpLoadPlugins from 'gulp-load-plugins';var plugins = gulpLoadPlugins();//설치한 gulp의 플러그인들을 로드할 필요없이 스태틱 메서드 형태로 쓸수 있게 해준다. // 플러그인 명이 ng-constant와 같..