4주 과정 마무리.

Taeseon Kim·2021년 3월 29일
0
post-thumbnail

생각해보면 과정 안에서 못풀어서 하루를 넘긴 적은 없었던 것 같다.
하지만 생각해보면 내가 부족한 부분은 있었다.

예를 들어 객체, 고차함수 과정에서 알게 되었던 메서드는 생각이 잘 나지 않을 때 찾아 보아야 하는 정도이고,
DOM에 관한 것들은 보일러 플레이트가 없으면 약간 이해가 어려운 부분들도 많았던 것 같다.

twittler라는 어플리케이션을 만드는 도중 발생한 문제는 오늘 함께한 페어분의 진행을 도와드리면서 다시 한번 마주하게 되었는데, 아직도 왜 발생하는지 모르겠다.

function generateFindSameName(){
  findSameName = document.querySelectorAll('.user');
  findSameName.forEach(function(el){el.onclick = findSameData});
}

function findSameData() {
  document.querySelector('#reading').innerHTML = '';  
  
  let chosenName = event.target.textContent;
  
  for(i=0;i<DATA.length; i++){
    if(DATA[i]['user'] === chosenName){
      let list = document.createElement('li');
      document.querySelector('#reading').prepend(list);
      list.classList.add('list');
      
      let title = document.createElement('div');
      list.append(title);
      title.classList.add('title');
      let name = document.createElement('span');
      title.append(name);
      name.classList.add('user');
      let messege = document.createElement('span');
      title.append(messege);
      messege.classList.add('subtitle');
      
      let timediv = document.createElement('div');
      list.append(timediv);
      let time = document.createElement('span');
      timediv.append(time);
      time.classList.add('date');
      
      name.textContent = DATA[i].user;
      messege.textContent = DATA[i].messege;
      time.textContent = DATA[i].created_at;
    }
  }
}

,,아무리 생각해봐도 왜 안되는 것인지 모르겠다.
나중에 내가 더 성장하고, 스스로 무언가를 만드는데 있어 어려움이 없는 정도의 경지에 오르면, 다시 한번 보며 문제를 되새기고 싶다.

profile
공부하여 이해가 된 것만 정리합니다.

0개의 댓글