2022년 4월 16일

낙서·2022년 4월 16일
0

낙서

목록 보기
19/22

[포스트 정리] 양방향 바인딩, 단방향 바인딩

출처: https://authorkim0921.tistory.com/13

데이터 바인딩: 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터를 일치시키는 기법

웹 페이지에서 사용자의 input을 입력 받는 경우, 양방향 바인딩과 단방향 바인딩은 각각 아래와 같이 동작한다.

  • 양방향 바인딩: 입력한 값이 곧바로 브라우저 메모리에 적용되고 동시에 뷰가 업데이트 된다.
  • 단방향 바인딩: 입력한 값이 곧바로 데이터 상으로 적용되지 않는다. 임의의 이벤트를 통해 브라우저 메모리에 데이터를 적용하고 다시 이벤트를 통해 뷰를 업데이트시키는 과정이 필요하다.

    사진 출처: Demystifying React - https://codemag.com/Article/Image/1809041/image2.jpg

웹 표준, 웹 접근성, 웹 호환성

출처: 웹 표준과 웹 호환성 - http://www.smartebiz.kr/new/subpage02_02.html

  • 웹 표준 (Web Standards): HTML, CSS 등에 대한 WC3규격(문법) 준수, HTML/CSS/JavaScript로 구조, 표현, 동작 분리를 권고
  • 웹 호환성 (Cross Browsing): 웹 표준 준수를 통한 브라우저 호환성 확보
  • 웹 접근성 (Web Accessibility): 인식, 이해의 용이성 지침을 준수하여 인적, 환경적 요인에 제약없는 웹 정보 접근

3가지를 고려하여 누구나, 어떤 환경에서나 웹을 이용할 수 있도록 한다.


profile
Deprecated

0개의 댓글