본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

왜 컴포넌트를 업데이트해야 하나요?

컴포넌트를 최신 상태로 유지하면 다음과 같은 이점이 있습니다.

• 최신 기능 사용 가능

• 버그 수정 반영

• 외부 리소스(아이콘, 코드 기반 컴포넌트 등)의 최신 버전 지원

예를 들어 Phosphor Icons가 2.1 버전으로 업데이트되었을 때, 업데이트하지 않은 컴포넌트에서는 새로운 아이콘을 사용할 수 없습니다. 이처럼 실제 작업의 품질과도 직결되므로, 주기적으로 업데이트해 두는 것이 좋아요.

컴포넌트 업데이트하기

Framer에서 컴포넌트를 업데이트하는 과정은 아주 간단합니다.

1. Assets 패널을 열어주세요.

2. 컴포넌트 이름 옆에 있는 보라색 Update 버튼을 클릭해주세요.

3. 몇 초 정도면 업데이트가 완료되고, 화면 우측 하단에 “Component has been updated.”라는 토스트 알림이 표시됩니다.

토스트 메세지까지 떴다면, 컴포넌트가 최신 버전으로 적용되었음을 확인하실 수 있습니다.

자주 묻는 질문(FAQ)

Q. 컴포넌트를 Detach하더라도 업데이트가 적용되나요?

• 아닙니다. 컴포넌트를 Detach하면 인스턴스화 되기 때문에, 원본과 연결이 끊기므로 이후의 컴포넌트 업데이트가 해당 인스턴스에 적용되지 않습니다.

Q. 업데이트하면 컴포넌트의 속성도 초기화되나요?

• 아닙니다. 대부분의 Override나 스타일 수정은 유지됩니다. 단, 원본의 구조나 사용한 요소의 형태가 크게 바뀐 경우 일부 속성은 변경될 수 있습니다.

Q. Update 버튼이 뜨지 않는다면, 컴포넌트가 최신 버전이라는 의미인가요?

• 네. 현재 프로젝트가 사용 중인 컴포넌트와 라이브러리 원본 버전이 일치할 때는 Update 버튼이 나타나지 않습니다.

본 글은 Framer 공식 블로그의 ‘How to update components’를 번역·각색한 콘텐츠입니다.