블로그 만들기: 챌린지11 글로벌변수 array만들고, push 메소드로 입력 히스토리 불러오기

 

완성된 출력물1: 타이틀과 내용을 입력 후 버튼을 누르면

 

완성된 출력물2: home 페이지로 리다이렉트 되고, 콘솔로그에 제목과 내용으로 입력한 모든 히스토리가 다 푸시되어 보여짐

 

챌린지: input 내용 입력 후 버튼을 누르면 home으로 페이지 변경 & 글로벌 변수로 array의 객체 만들기 & post된 내용을 array로 빼내기 

 

1. 글로벌 변수로 var posts = [];

var posts =[];

2. app.post 내부 : app.post

app.post('/compose', function(req, res) {
  const post = {
    title:req.body.postTitle, 
    body:req.body.postBody
  };

  posts.push(post);
  //push 메소드: 목적지인 글로벌 배열 변수이름.push.(빼낼내용의 변수이름)
  // 세트로 빼내려고 챌린지10에서 post 객체를 만들어주었습니다.

  res.redirect('/'); 
  // 홈('/'), 즉 app.get('/') 여기로 리다이렉트 시켜줌
})

3. app.get('/') 내부

app.get("/", function (req, res) {
  res.render("home", {startingContent:homeStartingContent});
  console.log(posts);
  // 콘솔로그로 posts 배열을 보자.
});

posts.push(post); 를 하면, post 내용들이 var posts=[] 안에 차곡차곡 히스토리로 쌓인다.

console.log(posts);

 

피드백:

순서를 잡는 것이 어렵다. var로 글로벌 변수로 배열 객체를 만들고, 입력된 내용들을 객체화 시켜서 배열 객체로 하나씩 빼내고, 거기에 push 메소드를 쓰는 등, 여러가지 개념을 합치는 것이 어렵게 느껴진다.

이게... 알고리즘 코딩 테스트와 연관이 있을 것 같은데. 아직 초보라서 그렇겠지?