포스트(post) 객체 리팩토링

포스트 객체에 보드(board)객체를 통합하면서 관련된 내용 모두 수정
포스트 수정과 삭제도 REST API로 변경

Author: miconblog

flux/components/Comments.jsx

@@ -17,8 +17,8 @@ module.exports = React.createClass({
     return (
       <section>
         <CommentHeader />
-        <CommentList flux={this.props.flux} boardId={this.props.board.id} postId={this.props.post.id} comments={this.props.comments} />
-        <CommentCreateForm flux={this.props.flux} boardId={this.props.board.id} postId={this.props.post.id} />
+        <CommentList flux={this.props.flux} boardId={this.props.post.board.id} postId={this.props.post.id} comments={this.props.comments} />
+        <CommentCreateForm flux={this.props.flux} boardId={this.props.post.board.id} postId={this.props.post.id} />
       </section>
     ); 
   }

flux/components/PostDetail.jsx

@@ -27,7 +27,8 @@ module.exports = React.createClass({
   render() {
 
     var post = this.props.post;
-    var url = "/boards/" + this.props.board.id;
+    var board = post.board;
+    var url = "/boards/" + this.props.post.board.id;
     var ModifyButton = false;
 
     if(this.props.post.isOwner){
@@ -42,7 +43,7 @@ module.exports = React.createClass({
       <section id="post-detail">
         <header className="box">
           <div className="title">
-            <h3><a href={url}> &lt; {this.props.board.name}</a></h3>
+            <h3><a href={url}> &lt; {board.name}</a></h3>
           </div>
           {ModifyButton}
         </header>
@@ -58,7 +59,7 @@ module.exports = React.createClass({
             <div dangerouslySetInnerHTML={{__html: post.content.replace(/\n/g, '</br>') }} />
           </article>
         </section>
-        <Comments flux={this.props.flux} user={this.props.user} post={this.props.post} board={this.props.board} comments={this.state.comments}/> 
+        <Comments flux={this.props.flux} user={this.props.user} post={this.props.post} comments={this.state.comments}/> 
       </section>
     );
 
@@ -67,14 +68,16 @@ module.exports = React.createClass({
   handleEditPost(e){
     e.preventDefault();
 
-    location.href = '/boards/' + this.props.board.id + '/' + this.props.post.id + '/edit';
+    location.href = '/boards/' + this.props.post.board.id + '/' + this.props.post.id + '/edit';
   },
 
   handleDeletePost(e){ 
     e.preventDefault();
 
     var post = this.props.post;
-    var redirectUrl = "/boards/"+ this.props.board.id;
+    var board = post.board;
+
+    var redirectUrl = "/boards/"+ board.id;
     var yes = confirm("정말로 삭제할까요?");
 
     if(!yes) {
@@ -83,7 +86,7 @@ module.exports = React.createClass({
 
     Jquery.ajax({
       type: 'DELETE',
-      url: '/boards/' + this.props.board.id + '/' + post.id
+      url: '/api/posts/' + post.id
     }).done(function(res){
       if(res.result === "OK") {
         location.href = redirectUrl;

flux/components/PostEditForm.jsx

@@ -5,22 +5,21 @@ module.exports = React.createClass({
 
   getInitialState() {
     return {
-
       title: this.props.post.title,
       content: this.props.post.content
     }
   },
 
   render() {
 
-    var url = "/boards/" + this.props.board.id;
+    var url = "/boards/" + this.props.post.board.id;
     var formUrl = url + '/' + this.props.post.id;
 
     return (
       <section id="post-form">
         <form action={formUrl} method="PUT" onSubmit={this.handleEditSubmit}>
           <header>
-            <h4 className="center">{this.props.board.name}</h4>
+            <h4 className="center">{this.props.post.board.name}</h4>
             <input type="button" tabIndex="1" className="btn left" value="취소" onClick={this.handleEditCancle}/>
             <input type="submit" tabIndex="4" className="btn right" value="저장" />
           </header>
@@ -54,11 +53,11 @@ module.exports = React.createClass({
   handleEditSubmit(e){
 
     e.preventDefault();
-    var redirectUrl = "/boards/"+ this.props.board.id + '/' + this.props.post.id;
+    var redirectUrl = "/boards/"+ this.props.post.board.id + '/' + this.props.post.id;
 
     Jquery.ajax({
       type: 'PUT',
-      url: '/boards/' + this.props.board.id + '/' + this.props.post.id,
+      url: '/api/posts/' + this.props.post.id,
       data: {
         title: this.state.title,
         content: this.state.content

flux/components/pages/PostMain.jsx

@@ -25,12 +25,12 @@ module.exports = React.createClass({
       return (<PostEditForm board={this.props.board} post={this.props.post}/>);
 
       case 'detail':
-      return (<PostDetail flux={this.props.flux} board={this.props.board} post={this.props.post}/>);
+      return (<PostDetail flux={this.props.flux} post={this.props.post}/>);
 
       case 'list':
 
       var posts = this.props.posts;
-      var linkUrl = "/boards/"+ this.props.board.id +"/newpost";
+      var linkUrl = "/boards/"+ this.props.board.id +"/write";
       return (
         <section id="post-main">
           <header className="title-box">

server/app/controllers/board.controller.js

@@ -6,7 +6,8 @@ var Company = require('../models/company.model');
 exports.canAccess = function(req, res, next){
 
   var member = req.session.user;
-  var boardId = req.params.boardId;
+  var regx = /\/boards\/(\w+)/;
+  var boardId = regx.exec(req.originalUrl)[1]; 
 
   Board.findOne({where: { id: boardId } })
   .then(function(board) {
@@ -19,7 +20,7 @@ exports.canAccess = function(req, res, next){
     var type = board.get('type');
     var companyId = board.get('companyId');
 
-    req.session.board = board;
+    req.board = board;
 
     // 관리자는 무조건 접근 가능하다.
     if( res.locals.isAdmin ){
@@ -32,7 +33,6 @@ exports.canAccess = function(req, res, next){
     } else if( type === 'N' || type === 'L' ) {
       next();
     } else {
-      delete req.session.board;
       res.sendStatus(401);
       return;
     }