프론트엔드 용어 정리

컴포넌트란?

프로그래밍의 한 부분을 의미하며 재사용이 가능한 최소 단위를 말한다. 그래서 객체지향언어를 사용할 때 자주 사용되며 재사용이 가능하기 때문에 컴포넌트 단위로 분류하거나 이동 가능하다는 특징이 있다.

이는 모듈(Module)과 혼동될 수 있는데 모듈은 특정 기능을 온전히 수행할 수 있도록 만들어 졌다면 그 모듈 내에서도 재사용이 가능한 단위가 컴포넌트라 할 수 있다.

​

데이터 바인딩이란?

뷰와 모델을 하나로 연결하는 것을 의미.두 데이터 혹은 정보의 소스를 모두 일치시키는 기법이다. 즉 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터를 일치시키는 기법

양방향 바인딩이란?

단방향 데이터 바인딩은 데이터와 템플릿을 결합하여 화면을 생성한다. 반면 양방향 데이터 바인딩을 데이터의 변화를 감지해 템플릿과 결합하여 화면을 갱신하고 화면에서의 입력에 따라 데이터를 갱신한다. 즉, 데이터와 화면 사이의 데이터가 계속해서 일치하게 되는 것

​

MVVM 패턴이란?

모델(model) - 뷰(View) - 뷰 모델(ViewModel)로 구조화 하여 개발하는 방식. 이러한 방식으로 개발하는 이유는 화면의 요소들을 제어하는 코드와 데이터 제어 로직을 분리하여 코드를 더 직관적으로 이해할 수 있고, 추후 유지 보수가 편해지기 때문이다.

​

뷰(View): 사용자에게 보이는 화면

돔(DOM): HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리.

돔 리스터(DOM Listener): 돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치

모델(Model): 데이터를 담는 용기. 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장

뷰 모델(Model): 뷰와 모델의 중간 영역. 돔 리스너와 데이터 바인딩을 제공하는 영역

​

렌더링이란?

브라우저에 웹 페이지를 그려내는 동작

 

.

.

.

추가예정