왜? Composition API 인가? (1)

Vue3 로 넘어오면서 바뀐 가장 큰 특징 Composition API의 사용!

 

왜? 사용하게 되었을까.

 

쉽게 말해, 

 

가독성 유지보수

동일한 논리적 관심사와 관련있는 코드를 함께 배치

 

이 2가지다.

 

복잡하게 설명하자면,

 

Vue컴포넌트를 사용하면 기능과 결합된 인터페이스의 반복 가능한 부분을 재사용 가능한 코드로 뽑아 쓸 수 있다. 이것만으로도 유지 보수, 유연성면에서 응용 프로그램을 상당히 향상시킬수 있다. 

 

하지만!

 

컴포넌트의 규모가 커질수록 논리적관심사(관련된 코드)의 리스트도 커지게 된다. 그렇게되면 컴포넌트를 읽기어려워지고 이해하기 어려워지게 된다.

 

색을 통해 그룹화시킨 관련코드(논리적관심사)

 

 

이것은 논리적관심사가 색에 따라 그룹화되어있는 컴포넌트를 나타내는 예.

 

이렇게 분리되면, 복잡한 컴포넌트를 이해하고 유지하는것을 어렵게 만든다. 단일 논리적 관심사를 볼 경우 관련 코드의 옵션 블록을 몇번이나 “점프”해야할 필요가 있다.  

 

같은 논리적 관심사에 관련된 코드를 나열하는 것이 가능해지면, 더욱 보기 쉬울 것이다. 이것이 Composition API

 

 

이상. 더욱더 자세한 정보는 역시 공식홈페이지참조