TIL_230108_ React Native Project_UI 병합

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. React Native 프로젝트

• Dev에 UI만들어진 것 다 병합

  • 팀원들 UI 병합 중 한 번 main에 잘못 push됐는데 저번에 배웠듯이 이번에도 reset 써서 잘 해결했다!

  문제 및 해결

  • 충돌이 대부분 잘 해결됐는데 복잡한 충돌의 경우 vscode에서 해결해야 한다. 보통 해당 브랜치에서 병합시킬 브랜치인 dev를 pull하면 되는데 자꾸 오류가 나서 dev 브랜치에서 직접 충돌 많이 나는 부분을 수정해서 push하고 해당 브랜치에 dev에만 있는 파일을 복사해서 push하니 잘 해결됨!

  알게 된 것

  • 초기화면을 Login screen으로 하고 싶은데
    initialRouteName="Login"으로 하니 안 됨
  • Login은 Stacks의 screen이라 Tabs.jsx에서 navigation 간의 이동 방법을 쓰니 초기화면이 login 으로 잘 뜬다.
    initialRouteName={navigate("Stacks", { screen: "Login" })}
  • Stacks.jsx에서는 login screen에
    options={{ headerShown: false }}로 하니 윗부분(뒤로가기, 프로필, header title)이 깔끔하게 사라졌다.

---

2. React query 공부

sparta react query 강의

• movie app강의에서 react query를 쓰는 걸 배우고 강의를 다시 보니 훨씬 더 이해가 잘 된다.

알게 된 것

• useRef() 사용하는 것 다시 익힘
  • UseState로 Onchange하는 것보다 훨씬 간편
  • const title_input = React.useRef("")
  • <input ref={title_input}/>
  • 등록하기를 눌렀을 때 넘겨줄 data
    const data = {title: title_input.current.value}