15일차 TIL 210322

1. 트위틀러 함수 구현하면서 알게 된 것

  • 자꾸 2프로가 부족해서 안될때 : 이것저것 시도해보자.
  • 수도코드를 진짜 처음에 잘써놓고 시작해야겠다.
  • 마음이 급해서 자꾸 출력값 먼저 보려고 하는데 그러지말고 충분히 생각하고 고민해볼것
  • 왜 안될까? 라는 생각도 좋은데 답을 찾아냈으면 그 답을 이해하고 내것으로 만들기
  • userexperience 를 잘 경험해보자. 좋은 사이트/앱 이란 ? 트위틀러 아이디/컨텐트가 빈칸이라면 어떤 알림을 사용자에게 줘야하는가?
  • 함수/파라메터/매개변수 잘 넣기

2. 마지막에 어려웠던 내용

  • userid 클릭하면 그 userid 로만 필터된 트윗들 출력하기
  • 아래 코드는 트윗 렌더링 하는 함수에 포함이 되어야지 작동한다. 밖에서는 왜 작동을 안하는지 모르겠다.
let userId = document.querySelectorAll('.tweetusername')
    for(let i=0; i< userId.length; i++){ 
      userId[i].onclick = handleOnChange;
}
  • 홍식님 레퍼런스를 보니 createElement할때 tweetusername querySelector해온 엘리먼트에 바로 addEventListener 하였더니 구현이 된다. 코드가 올바르더라도 함수 안에 위치하는지 밖에 위치하는지에따라 실행 여부가 다르다. 내가 원할때 실행되어야 한다.
  • 함수를 내가 원하는 기능(최소단위로) 을 구현하도록 구성하기. 중복되는 기능은 최소화 할것.
  • 큰그림을 그리는 연습. 그래야 되돌아가지 않는다.
tweetusername.addEventListener('click', handleOnChange)

Updated: