코드스테이츠 Full Pre 3주차 기록 Part 3

twittler 스프린트 과제를 진행하며 어려움을 겪어던 부분들.

• 일단, HTML 구조를 설계할 때부터 트리구조, id, class 등 을 편집하기 쉽게 계획하자.

// 먼저 DATA에 있는 정보를 가져올 때부터 어려움을 겪었다.
function printComments() {
  DATA.forEach(printComment);
} // 객체로 작성된 DATA의 정보를 li가 만들어질 때 뿌려준다.

function printComment(comment) {
 const commentElement = makeNewTweet(comment);
 tweetList.append(commentElement); //li를 tweetList의 자식으로 삽입한다.
}

tweet 생성과정

새로운 정보를 생성하면 -> 저장될 DATA에 넣어주고 -> 목록을 초기화 -> 원래있던 목록을 생성 -> 추가될 목록 생성