고배 해커톤 #4

일단 처음에 app.js 를 보면 위에 모듈을 추가하는 줄이 있습니다. 우리는 angular-routing을 위해 ngRoute,  이미지를 자르기 위해 ngImgCrop, 그리고 material디자인을 사용하기 위해ngMaterial을 사용하였습니다. 아마 나머지는 처음에 쓸려고 했다가 안쓴거 같지만, 혹시모르니 지우지는 말아주세요 ㅠㅠ. 그뒤에는 service가 2개 있습니다. 여기있는 서비스는 되게 기본적인 서비스인데, 서비스는 간단하게 controller에 추가할수 있는 객체라고 생각하면 편하실거 같습니다. 일단 우리는 새…

고베 해커톤 #3

프론트 엔드 route.js 파일을 보시면 알겟지만 우리는 html 파일을 1번만 서버에서 보내줍니다. 그 경우는 ‘/’ 경우 res.sendFile(index.html) 즉 index.html 파일에 웹의 모든 정보가 담겨있습니다. 그러면 index.html 파일을 봅시다. index.html은 크게 4개의 구조로 이루어져 있습니다. header부분 : 이곳은 여러 설정파일이나 라이브러리를 불러드립니다. 위부터 보시면 bootstrap, angular.js, angular-ng-crop, angular-material, custom js/css 등이 있습니다. 물론 빠른속도를 위해 이러한…

고베 해커톤 #2

이제는 이미 만들어진것을 바탕으로 한개한개 분해하여 알아보겠습니다. 그전에 모든 코드는 여기 에 있으니 자유롭게 보시길 바랍니다.   일단 #1에 비해 전체코드소스가 많아졌습니다만 한개한개 잘 보면 절대 어렵지 않으니 잘 보고 따라와 주시길 바랍니다. 로그인 서버쪽을 보시면(server.js) 그리고 config/passport.js var morgan = require(‘morgan’); var cookieParser = require(‘cookie-parser’); var session = require(‘express-session’); var passport = require(‘passport’); require(‘./config/passport’)(passport); . 라는…

고베 해커톤 #1

Mean stack 은 MongoDB, Express, Angular, Node 웹을 만드는 스택을 말합니다. 여기서 Node, Express 는 백엔드를 Angular는 FrontEnd를 담당합니다. 이런 맨처음 파일 구조는  app은 backend를 담당하는 부분 config는 여러 설정, node_module은 node의 라이브러리, public에는 static파일등이 들어가게됩니다. app의 model에는 데이터구조가 들어가게 됩니다. 현재는 post와 user만을 생각했기 때문에 2개밖에 없지만 계속 추가 할수 있습니다. post.js 에는 post데이터에…