
사용방법 import { Animated } from "react-native"; Animated를 사용할 때 중요한 점 1.Animated의 state를 React useState 값으로 두지 않는다. const Y = new Animated.Value(0); value 가 필요하다면 Animated의 API에서 불러온다. 2.Animated의 Value 는 절대 직접 수정하지 않는다. Animated.decay() starts with an initial velocity and gradually slows to a stop. Animated.spring() provides a basic spring physics model. Animated.timing() animates a value over ti..

* 들어가기 전 * 1. React에서 제공해주는 StyleSheet와 비교해서 styled-component의 장점을 소개하려고 합니다. import React from "react"; import { View } from "react-native-web"; const styles = StyleSheet.create({ btn:{ flex:1, justifyContent:"center", alignItems:"center" } }) export default function App() { } StyleSheet는 분명 사용하기 좋고 잘 만들어놓은 기능이지만 단점으로는 자바스크립트 문법으로 css를 작성해야 한다는 점이 있습니다. 예를 들면 align-items:center로 작성하면 오류가 나죠 그래서..
- Total
- Today
- Yesterday
- WSL2
- React
- NextRequest
- TopLayer
- 우아한테크코스
- nodejs
- 노마드코더
- error
- 윤성우 열혈C프로그래밍
- 위코드
- NextApiRequest
- 초보
- 프리온보딩
- import/order
- 북클럽
- jest
- javascript
- Storybook
- createPortal
- 프론트앤드
- 노개북
- 스토리 북
- electron
- CLASS
- 아차산
- nextjs
- env
- C언어
- 원티드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |