front-end (2) 썸네일형 리스트형 컴포넌트 디자인 패턴 디자인 패턴 정의 소프트웨어를 만드는데 있어 공통적으로 발생하는 문제에 대해 재사용 가능한 해결책 종류 소프트웨어 디자인 패턴 생성패턴 - 의존성 주입, 프로토타입, 싱글톤 … 구조패턴 - 모듈, 프록시, 어댑터 … 행동패턴 - 옵저버, 템플릿 메소드, 상태 … 어플리케이션 디자인 패턴 MVC MVVM MVP Flux 컴포넌트 디자인 패턴 Presentational and Container Component Pattern Atomic Design Pattern VAC 패턴 Presentational and Container Component Pattern 정의 데이터 처리와 데이터 출력을 분리하는 패턴 Container Components 주로 fetch 가 이루어짐 연관있는 서브 컴포넌트 렌더링 Mar.. Vue Core 정의 approachable - 접근하기 쉬운(프로그레시브 framework특징 - 점진적 도입 가능) versatile - 다재다능한 performant - 효율적인(virtual dom 기반의 효율적 랜더링) maintainable - 유지보수 가능한(컴포넌츠 기반 설계로 유지보수에 용이하도록 개발가능) testable - 테스트 가능한 특징 reusable components - 재사용 가능한 컴포넌트들 reactive - 반응형 기능 선언적 렌더링 DOM 과 데이터를 연결시켜 반응형이 되도록 함 v- 접두어가 붙어있는 속성을 디렉티브 라고함 텍스트 보간 {{ message }} 일회성 보간 // 하위 요소들 까지 한번만 렌더링되기 때문에 주의 필요 // 성능 최적화에 좋음 {{ msg }} 속성 .. 이전 1 다음
