[새싹x코딩온] 웹 퍼블리싱 과정 7주차 - 3 | Component

Component

메인 컴포넌트가 변경될 때 인스턴스 컴포넌트가 변경되지 않게 하려면 detach instance를 적용하면 된다.

메인 컴포넌트는 detach를 할 수 없으니 복사해서 인스턴스 컴포넌트를 만든 후 detach를 해야 한다.

 

component set

컴포넌트를 여러개 잡으면 컴포넌트 세트로 만들 수 있다.

 

component property

component property를 만들려면 이름을 blue = button lg r5 이런 식으로 설정한다.

여기서 blue는 name이고 button lg r5은 value이다.

component property를 만들면 어떤 버튼을 만들더라도 클릭 한 번으로 component property를 설정한 버튼스타일로 변경할 수 있다.

 

component prototype 복사

메인 컴포넌트에 프로토타입을 설정하면 그 컴포넌트를 복사한 인스턴트 컴포넌트에도 같은 프로토타입을 적용할 수 있다.

 

요소가 프레임을 벗어날 때 clip content 적용하면 벗어난만큼 요소를 자른다.