[React Native] Chat GPT로 개발하기 - 9일차

2023. 9. 9. 23:08·React Native/JavaScript
반응형

react native에서 화면이 변경될 때마다 useEffect가 실행되길 원해

React Native에서 화면이 변경되면 useEffect가 실행되는 코드를 원했다. 

하지만 알려준 것은 state가 변경되면 실행되는 코드를 알려줬다... 

 

슬슬 어느정도 개념을 잡아서 GPT에게 질문할 일이 없어서 스트레스를 적게 받았는데 오랜만에 고통을 받는중이다...

 

router의 경로가 변경될 떄마다 실행되길 원해

useEffect 의 의존성 배열에 natigation을 넣어주면 해당 기능이 가능하다고 한다. 

하지만 나는 context API를 사용하는 곳에서 해당 기능이 필요했다. 

 

그래서 전체 코드를 알려주고 한번 더 질문했다. 

전체 코드를 포함해서 질문을 해서 질문 라인이 너무  길어서 답변만 캡쳐했다. 

 

useNavigationState를 사용하면 state를 얻어올 수 있었다. 

이 기능을 몰라서 있어서 특정 컴포넌트에서는 부모로부터 navigation을 받아왔는데 해당 부분도 리팩토링을 할 생각이다. 

 

createStackNavigator 의 헤더에 특정 컴포넌트를 렌더링할 수 있어?

헤더를 디자인 하기 위해서 헤더에 컴포넌트를 렌더링 할 수 있는지 물어봤다. 

기능이 없을 수 없기 때문에 바로 알려줘서 진행 했다.

 

react native의 navigation에서 route를 알 방법이 있어?

route의 경로 명칭을 컴포넌트에서 알 방법이 있는지 물어보니 방법이 있었다.

 

몇몇 페이지에서 같은 UI를 보여주고 경로에 따라 특정 값이 변경되는 부분이 있어서 해당 방식이 있다면

하나의 컴포넌트로 해결이 가능할 것 같았는데, 방법이 있었다! 

 

이제 해당 어플은 거의 끝이 보인다. 

슬슬 마무리 하고 한번 구글 플레이스토어에 올려보겠다! 

반응형
저작자표시 비영리 변경금지 (새창열림)

'React Native > JavaScript' 카테고리의 다른 글

React Native 개발 환경 구성하기  (2) 2024.05.27
[React Native] Chat GPT로 개발하기 - 10일차  (0) 2023.09.10
[React Native] 폰트 적용하기  (0) 2023.09.04
[React Native] Chat GPT로 개발하기 - 8일차  (0) 2023.09.03
[React Native] Chat GPT로 개발하기 - 7일차  (0) 2023.09.02
'React Native/JavaScript' 카테고리의 다른 글
  • React Native 개발 환경 구성하기
  • [React Native] Chat GPT로 개발하기 - 10일차
  • [React Native] 폰트 적용하기
  • [React Native] Chat GPT로 개발하기 - 8일차
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    CCNA
    typescript
    리액트
    식물
    다이소
    네이버 부스트캠프
    next.js
    Docker
    react
    javascript
    리얼클래스
    ChatGPT
    바질 키우기
    ReactNative
    프로그래머스
    네트워크
    리얼학습일기
    영어회화
    바질
    영어독학
    알고리즘
    덤프
    redux
    타일러영어
    자바스크립트
    타입스크립트
    Node.js
    Babel
    CSS
    webpack
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[React Native] Chat GPT로 개발하기 - 9일차
상단으로

티스토리툴바