블로그 만들기: 챌린지13 타이틀만 콘솔로그에 히스토리로 출력

완성된 출력물: 제목을 day1, 2, 3 으로 3번 입력했더니 입력 내역이 콘솔로그에 출력된다.

힌트: for loop 문을 써라

 

home.ejs

<%- include('partials/header'); -%>
<h1>Home</h1>
<p> <%= startingContent %> </p>

<% for (var i=0; i<posts.length; i++) { %>
    <%  console.log(posts[i].title) };%>

<%- include('partials/footer'); -%>

피드백

1. for loop문으로,  posts에 입력된 배열들이 i인데, 입력될 때 마다, i가 0부터 posts 배열의 개수까지 반복되게 한다.

day1 입력시, posts=[day1] 로 입력되고,                 i=0 출력      -> day1 만 출력

day2 입력시, posts=[day1, day2] 로 입력되고,         i=0,1 출력    -> day1, day2출력

day3 입력시, posts=[day1, day2, day3] 로 입력되고, i=0,1,2, 출력 -> day1, day2, day3 출력

 

2. posts 배열에서 title만 뽑아내기

  const post = {

    title:req.body.postTitle,

    body:req.body.postBody

posts는 post를 차곡차곡 모은 배열이고, post는 title과 body로 구성되어서, 

posts[i].title 코드를 치면, i번째 배열의 title 만 뽑아 나오는구나~!!!!