강의/Framer

[개발자가 알려주는 프레이머(Framer) #1-1] Frame 컴포넌트 완벽정리 (Frame 정의, Layout, Visual)

✍️ Frame이란? 레이아웃, 스타일, 애니메이션 및 이벤트를 위한 기본 컨테이너입니다. 프레임 컴포넌트는 작업을보다 빠르게 수행 할 수 있도록 다양한 옵션과 기본값을 가진 div입니다. 프레임 컴포넌트를 사용하면 아래의 특성을 이용할 수 있습니다. - 크기와 레이아웃을 설정할 수 있습니다. - 수평, 수직 중앙정렬을 설정할 수 있습니다. - 색상이나 배경 이미지를 변경할 수 있습니다. - 상태에 따른 애니메이션을 추가할 수 있습니다. - 데스크톱 및 모바일에서 작동하는 탭 이벤트를 추가할 수 있습니다. - 드래그와 같은 제스처를 구현할 수 있습니다. - 팬과 같은 고급 제스처에 반응하도록 할 수 있습니다. ⚙️ 특징 Performance 애니메이션에서 최고의 성능을 얻으려면 GPU 가속을 활용하세요...

강의/Framer

[개발자가 알려주는 프레이머(Framer) #0] Framer 쉽게 시작해보자.

📑 Framer란? Framer는 애니메이션, 터치 기반 제스처 및 스크롤, 페이징 및 인터페이스 흐름을 위한 여러 재사용 컴포넌트를 제공하는 라이브러리입니다. 처음 접하시는 분들도 어려움 없이 서비스 아이디어들을 구현할 수 있도록 설계되어 있습니다. Framer는 아래의 기술 스택으로 구성되어 있습니다. 💻 기술 스택 React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. Jsx JavaScript에서 HTML과 같은 구문을 직접 사용하여 친숙한 방식으로 문서 구조를 표현할 수 있는 방법입니다. Typescript TypeScript는 Javascript의 상위 확장 개념 언어입니다. 그래서 ES5의 문법을 그대로 사용할 수 있고, ES6에서 새롭게 추가된 기능들을 기존의 자바..