# view asset component

ascript

VAC Debugger Usage 내용을 기반으로 VAC Debugger의 옵션들을 설명합니다.

ascript

VAC Debugger의 customEvent 속성을 사용해 handler 함수에 필요한 값을 전달해서 호출하는 테스트를 할 수 있습니다.

ascript

VAC Debugger 설정이 반복되는 경우 사용자 프리셋을 만들어 사용할 수 있습니다.

ascript

VAC Debugger를 활용하여 입력 처리를 테스트할 수 있습니다.

ascript

배열 데이터를 이용하면 VAC Debugger에서 반복 처리되는 컴포넌트에 대한 테스트를 할 수 있습니다.

ascript

VAC 패턴은 JSX 영역과 View 로직 영역의 분리를 위해 View에서 JSX 부분만 View Asset Component(이하 VAC)로 분리하여 개발하는 설계 방법입니다.

ascript

본 글은 VAC 패턴을 적용하는데 도움을 주는 VAC Debugger에 대한 사용법을 설명합니다.

kangkyeungseok

협업을 하는데, 스타일과 로직이 계속 충돌이 나서 화가난다. 그래서 가져왔다. VAC 패턴!!. 스타일과 로직을 분리하고 행복한 프로그래밍을 해보자