hwayoung.hashnode.devTab Navigator에서 params에 따라 렌더링하기React Navigation은 react native에서 화면이동(routing) 시 사용되는 라이브러리로, 페이지가 쌓이는 구조(stack 구조)를 제공한다. Stack 뿐만 아니라 Tab(하단탭), Drawer(옆에서 열리는 전체메뉴) 등의 화면 이동 방식(네비게이터)도 가지고 있다. 네비게이터들은 서로 중첩이 가능하다. 우리 프로젝트에서는 Stack과 Tab 네비게이터를 사용했고, Stack 내 하나의 화면에 Tab을 중첩하여 사용했다....Apr 18, 2025·3 min read
hwayoung.hashnode.devjs를 ts로 변환하기(리액트 프로젝트)🔨 기초 세팅 : 타입스크립트와 타입 버전 eslint 설치 타입스크립트 설치 npm install --save typescript @types/node @types/react @types/react-dom @types/jest # 패키지 설치 npx tsc --init # tsconfig.json 파일 생성(jsconfig.json은 삭제한다) tsconfig 설정 (애플코딩 참고) 플젝의 tsconfig는 아래와 같이 설정했고...Mar 27, 2025·6 min read
hwayoung.hashnode.devnpm run ios 에러 해결기이전부터 리액트 네이티브 프로젝트에서 ios 시뮬레이터를 실행시키면 절대 한번에 실행되는 법이 없었다. 그래서 그때도 어떻게 에러를 해결했는지 기록해놨었는데, 그걸 참고해도 실행이 안되더라는😂 그래서 또 다시 작성한다. npm run ios로 스트레스 받지 않는 그날을 위해 1. pod install 깃에서 프로젝트를 받고 npm run ios를 하기 전 pod install(프로젝트에 필요한 라이브러리 설치)을 했다. 하지만 언제나 여기부터...Feb 23, 2025·4 min read
hwayoung.hashnode.devreact-hook-form을 알아보자React-hook-form에 대해서는 input 입력 시 렌더링을 최소화하는 라이브러리 정도로만 알고 있었다. 현 회사에 입사해서 계속 리액트 훅 폼을 사용하고 있는데, 기계적으로 붙여넣기(..)만 하다가 제대로 공부해야겠다는 생각이 들어 작성하는 리액트 훅 폼 정리 글이다. 1. 제어 컴포넌트 vs 비제어 컴포넌트 제어/비제어 컴포넌트는 리액트가 실시간으로 state를 제어할 수 있는지 없는지에 따라 나눠진다. 제어 컴포넌트를 사용하게 되면...Feb 4, 2025·5 min read
hwayoung.hashnode.devaxios 응답 인터셉터로 리턴 값 변경 시 타입에러 발생🐞 문제상황 axios에서 interceptor를 사용해서 데이터를 바로 리턴해주도록 설정했다. 그런데 axios에서 리턴 받은 데이터 객체의 속성을 바로 사용하려고 하니 타입에러가 발생했다. 그리고 인터셉터를 적용하지 않은 것처럼 data.data.속성명을 작성했더니 타입에러가 뜨지 않았다. // utils/api.ts const api = axios.create({ baseURL: 'http://baseurl', timeout: 1...Jan 20, 2025·3 min read