My Boundary As Much As I Experienced

리액트 네이티브에서 주로 쓰는 router은 React Navigation이다.React Navigation으로 다른 페이지로 이동하는 방법을 알아보고,추가로 스크롤을 원하는 곳으로 내리는 방법을 알아보자 Navigating 하는 법 간단하다. Navigation을 import해서 navigation 객체를 만들어준다.import { useNavigation } from '@react-navigation/native';const navigation = useNavigation(); 핸들러를 만들고 거기서 navigation의 navigate 메소드를 활용해서 가고 싶은 곳으로 가게 하라.그런데 이때 주의해야될게 있다. 당신의 프로젝트 구조가 어떻게 될지는 모르겠는데,보통 모바일 앱은 BottomTab들이..

재밌어 보이는 튜토리얼들을 따라해보고 올릴 예정이다. 추후 여러 튜토리얼끼리 조합하는 것도 해볼 수 있겠다.// 이번 코드에 쓰일 모듈class Cell { constructor(x0, y0, r, angle){ this.r = r; this.angle = angle; // 시작 x, y 좌표 this.x0 = x0; this.y0 = y0; } update(){ this.x = this.r*cos(this.angle); this.y = this.r*sin(this.angle); this.angle += 0.05; // 어김없이 angle을 바꿀 때마다 cos, sin값이 바뀌며 회전한다. } display(){ // 아래 주석 해제하면 ..

forwardRef란?챗지피티의 설명에 따르면, '자식 컴포넌트의 DOM 엘리먼트 또는 클래스 인스턴스에 접근할 수 있도록 하는 기능을 제공한다'라고 한다. 그런데 그냥 쉽게 말해서 '자식 컴포넌트에 ref를 props로 내려줘야'할 때 써야한다. 예를 들어 아래와 같은 경우, ref로 어떤 DOM 요소를 관찰하려고 하는데, 단순 jsx태그가 아니라컴포넌트인 경우 이렇게 ref를 내려줘야한다. 이때 ref라는 이름으로 내려주면 forwardRef를 써야한다는 경고가 나온다. props의 이름으로 아무거나 임의로 쓸 수 있는거 같지만, 'ref'같은 이름은 예약어로 forwardRef를 쓸때만 사용할 수 있는 것이다. 사용법부모 컴포넌트에서 ref를 만들어서 내려준다. (여기서 그냥 inputRef={in..