우믑
close
프로필 배경
프로필 로고

우믑

  • 분류 전체보기
    • Stack
      • HTML
      • CSS
      • JS
      • REACT
      • TS
      • Next.js
      • Dart & Flutter
    • CS
      • Web
      • Network
      • Data Structures
    • Develop
      • Common
      • Challenge
    • Personal
      • Dev_log
      • Book
      • Favorite
728x90
[React_Library] Framer-Motion 적용기

[React_Library] Framer-Motion 적용기

전에 개발을 할 때는 간단한 애니메이션 (팝업 효과라던지, 뭐 디졸브 라던지...) 들은대부분 직접 만들어서 구현하곤 했었는데, 최근에 개발하면서 기획자분께서 뿅? 뿅? 하고 튀어나오는애니메이션을 원하셔서 라이브러리의 힘이 절실했다. 일단 해보겠읍니다! 하고 지른 뒤 ChatGPT나 stackoverflow 형들에게 도움을 요청하면 되겠지 했는데공식문서만 봐도 간단하게 적용할 수 있는 라이브러리라서 어떻게 적용했는지만 기록해 보려고 한다. Installnpm install framer-motion 해당 라이브러리는 사용하고자 하는 프로젝트에서 위와 같이 설치를 진행하면 된다. * 참고 Stack *프레임워크 : Next.js (ver 14.1.0)스타일 라이브러리 : sass (1.70.0)애니메이션 라..

  • format_list_bulleted Stack/REACT
  • · 2024. 3. 14.
  • textsms
728x90
  • navigate_before
  • 1
  • navigate_next
공지사항
  • [정리 중] 프론트엔드 주니어 면접질문 리스트
전체 카테고리
  • 분류 전체보기
    • Stack
      • HTML
      • CSS
      • JS
      • REACT
      • TS
      • Next.js
      • Dart & Flutter
    • CS
      • Web
      • Network
      • Data Structures
    • Develop
      • Common
      • Challenge
    • Personal
      • Dev_log
      • Book
      • Favorite
전체 방문자
오늘
어제
전체
250x250
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바