2022-01-26 TIL

Fact

  • 뮤직앱 리팩토링
  • 뮤직앱 리드미 작성
  • 그림으로 배우는 HTTP 70페이지 읽기

Feelings

  • 자바스크립트 공부를 더 열심히 하자!

Findings

  • 데이터 바인딩 이란 두 데이터 혹은 정보의 소스를 모두 일치시키는 기법이다. 즉 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터를 일치시키는 기법이다.
  • 사용자의 Input을 받는 웹 페이지의 경우, 사용자의 입력값이 곧바로 데이터 상으로 적용되지 않는다. 곧바로 적용할 수 있지만 임의의 이벤트를 걸어 다시 이벤트를 통해 다시 화면에 뿌려주는 과정이 필요하다. 화면의 값과 메모리상 데이터의 값이 일치하는 게 데이터 바인딩인데, 처음 웹페이지가 렌더링 되고 데이터를 표시하는 과정이 단방향으로 진행되기 때문에 이후 사용자가 입력한 값을 이벤트 발생 없이 바로 데이터에 적용할 수 없다.
  • 양방향 바인딩의 경우, 사용자의 입력값이 곧바로 코드 상의 변수에 바인딩 될 수 있지만 단방향 바인딩의 경우 적절한 Event를 통해서만 코드 상 변수에 데이터 값이 담긴다.

Future Action

  • 책을 꾸준히 읽자