Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Effective Typescript
- 이펙티브타입스크립트
- VS Code
- 개발자 원칙
- 타입스크립트
- 테오의 스프린트
- framer
- Semantic Versioning
- ASP.NET
- 코드트리
- 회고
- 캐나다취준
- framer-motion
- useState
- JSBridge
- CSS
- 글또 10기
- 알고리즘
- 캐나다개발자
- react
- typescript
- 시스템디자인
- CSS방법론
- TS
- React-Router-Dom
- SemVer
- 글또
- 개발자를 위한 글쓰기 가이드
- JUNCTION2023
- Framer motion
Archives
- Today
- Total
목록Framer motion (1)
큰 꿈은 파편이 크다!!⚡️
Framer motion 순한맛 찍먹
Intro 🍠🍞🥕 애니메이션이 서비스를 더 재미있게 만들어주고, 더 사용하고 싶어지게 만들어준다고 생각되는 요즘, 스터디를 통해 framer-motion을 학습해보게 되었다. Framer는 interactive 디자인을 도와주는 툴인데, 그중에서 Motion은 리액트를 위한 production-ready(실제 제품 단계의) motion library를 표방하며, 오픈 소스로 공개되어 있다. 특징으로 내세우는 것 중 하나는 effortless layout transitions and gestures, 즉 transition과 gesture를 고려할 때 노력이 필요없다..!는 점이다. 사실 나는 여기까지 정리하고서도 이해가 어려웠기에 공식문서의 예제를 사용해 사용 전/후 비교용 switch 컴포넌트를 만들어..
Web FE
2022. 5. 29. 14:12