beomjun

안녕하세요, &nbsp;강의가 촬영된 시기가 오래되어 버전차이가 많이 있습니다.node 는 짝수 버전이 LTS이니 짝수 버전으로 설치해서 사용하시기 바랍니다. 18버전을 사용해도 문제는 없지만, 22버전 혹은 24버전을 사용하는 것을 권장합니다. &nbsp;추가로, 강의에서 사용된 Expo 버전 및 React Native 버전과 현재 버전에 차이가 있습니다. 강의와 현재 버전에 차이가 있으니 공식문서를 기준으로 변경된 부분을 확인하며 진행하시기 바랍니다.<a target="_blank" rel="noopener noreferrer nofollow" href="https://docs.expo.dev/">https://docs.expo.dev/</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://reactnative.dev/">https://reactnative.dev/</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://reactnavigation.org/">https://reactnavigation.org/</a>&nbsp;&nbsp;

맥북 m4에서 nvm으로 설치불가

안녕하세요, &nbsp;기존에 사용하던 expo 버전으로 진행하세요.특별한 이유가 없다면 진행중인 프로젝트의 버전은 변경하지 않는것을 추천합니다.아래 명령어로 이전 커밋으로 돌린 후 작업하고 다시 진행하세요.&nbsp;<code>git reset --hard <hash></code>여기서 hash값에 이전 커밋인 <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/dvrakry/rn-photo2/commit/e6d97e7c109acfe5230a461791e34d7ae58f4292">https://github.com/dvrakry/rn-photo2/commit/e6d97e7c109acfe5230a461791e34d7ae58f4292</a> 의 hash값을 입력하면 됩니다. <code>git reset --hard e6d97e</code>&nbsp;그리고 작업을 하고 커밋을 푸쉬할때 에러가 발생할텐데 --force 명령어를 이용해서 강제로 푸쉬하면 덮어쓰면서 진행됩니다.&nbsp;<code>git push --force</code>&nbsp;

expo 가 업데이트 되면서 문제가 발생한거같습니다.

문제가 어디인지를 찾는 능력을 길러야합니다. 현재 문제를 기준으로 설명하면, &nbsp;이미지 선택 화면(SelectPhotosScreen) -> 이미지 픽커(ImagePickerScreen) -> 이미지 선택 화면(SelectPhotosScreen) 에서 뒤로가기를 하면 이미지 픽커(ImagePickerScreen) 화면으로 돌아갑니다. 이미지 선택 화면(SelectPhotosScreen) -> 이미지 픽커(ImagePickerScreen) -> 이미지 선택 화면(SelectPhotosScreen) -> 글 작성 화면(WriteTextScreen)에서도 뒤로가기를 하면 이미지 픽커(ImagePickerScreen) 화면으로 돌아갑니다. &nbsp;즉, 스택에 이미지 픽커(ImagePickerScreen) 화면이 남아 있다는 것을 알 수 있습니다.이미지 픽커(ImagePickerScreen) 화면에서 선택된 이미지들을 가지고, 이미지 선택 화면(SelectPhotosScreen)으로 돌아올 때 스택에서 사라져야 할 이미지 픽커(ImagePickerScreen) 화면이 남아있다는 것이 됩니다. 따라서, ImagePickerScreen.js 파일에서 확인 버튼을 눌렀을 때, SelectPhotosScreen.js 파일로 이동하는 부분을 확인하면 됩니다. &nbsp;스택에 화면이 남아있어서 나타나는 현상으로, 앞에서 질문한 내용과 같은 문제입니다. <a target="_blank" rel="noopener noreferrer nofollow" href="https://inf.run/BGHtc">https://inf.run/BGHtc</a>&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/dvrakry/rn-photo2/blob/master/src/screens/ImagePickerScreen.js#L21">https://github.com/dvrakry/rn-photo2/blob/master/src/screens/ImagePickerScreen.js#L21</a>navigate함수를 popTo로 변경하세요<a target="_blank" rel="noopener noreferrer nofollow" href="https://reactnavigation.org/docs/native-stack-navigator/#popto">https://reactnavigation.org/docs/native-stack-navigator/#popto</a>&nbsp;

navigation.replace() 작동하지 않습니다.

안녕하세요, &nbsp;이 문제는 React Native에서 제공하는 Image 컴포넌트의 문제입니다. 촬영 시기와 현재 버전에 차이가 있어서 생긴 문제이니 양해 부탁드립니다.&nbsp;ph:// uri를 지원하는 expo-image 를 사용해서 해결하는 것이 가장 쉬운 방법입니다. <a target="_blank" rel="noopener noreferrer nofollow" href="https://docs.expo.dev/versions/unversioned/sdk/image/">https://docs.expo.dev/versions/unversioned/sdk/image/</a>&nbsp;expo-image 의 사용방법이 RN의 Image컴포넌트와 크게 차이가 없고, 문서가 잘 작성되어 있어서 찾아보며 적용하기 쉽습니다. import 부분만 조금 변경하면 되기때문에 수정할 부분도 적습니다.

UpdateProfileScreen 에서 사진 버튼 클릭시 오류발생.

아래 라인에<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/dvrakry/rn-photo2/blob/master/src/screens/UpdateProfileScreen.js#L53">https://github.com/dvrakry/rn-photo2/blob/master/src/screens/UpdateProfileScreen.js#L53</a>onSubmit을 추가하세요.&nbsp;<pre><code class="language-javascript"> }, [navigation, disabled, onSubmit]);</code></pre>

닉네임 수정 후 확인 버튼을 누를시 한글자만 출력됩니다.

<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/dvrakry/rn-photo2/blob/master/src/components/Button.js#L17">https://github.com/dvrakry/rn-photo2/blob/master/src/components/Button.js#L17</a>오타입니다. DEFAULTDEFAUTL&nbsp;버튼이 안보이는 것이 아니라 배경색이 undefined가 되어 안보이는 것입니다. 안보이는 상태에서 마우스를 올려서 클릭해보면 버튼이 보입니다. &nbsp;오타를 잘 확인해보세요.문제가 되는 부분의 값이 잘 들어오는지 console.log로 확인하는 것도 방법입니다.

모달창에서 버튼이 출력되지 않습니다.

먼저, AuthStack 컴포넌트에 OpicTest 라는 컴포넌트가 없어서 에러가 발생합니다. 깃헙에 올릴때는 문제가 발생하는 부분을 제외하면 모두 동작하는 코드를 올려주세요. &nbsp;올려주신 깃헙에 있는 코드는 정상적으로 동작합니다. <img src="https://cdn.inflearn.com/public/files/posts/7b578517-9b95-4868-831b-108ade31e2b2/6e657428-4730-43c6-81a9-5883fb6ef9be.webp" media-type="img" alt="Screenshot 2025-04-14 at 22.12.16.png.webp" title="Screenshot 2025-04-14 at 22.12.16.png.webp" width="658" height="1251"><img src="https://cdn.inflearn.com/public/files/posts/4bc72022-70e0-4db2-83ae-28eeb24a54f2/5813544a-e22b-4335-a144-eccfb25b7b2c.webp" media-type="img" alt="Screenshot 2025-04-14 at 22.12.24.png.webp" title="Screenshot 2025-04-14 at 22.12.24.png.webp" width="658" height="1251"><img src="https://cdn.inflearn.com/public/files/posts/8479b1bd-095b-4538-803e-aa614b86ee96/005d2656-6023-4fda-b4b8-21b889a23fe8.webp" media-type="img" alt="Screenshot 2025-04-14 at 22.12.44.png.webp" title="Screenshot 2025-04-14 at 22.12.44.png.webp" width="658" height="1251">먼저 SignInScreen 컴포넌트의 onSubmit에서 form에 어떤 값이 전달되는지 확인해보세요. email과 password가 잘 전달되는지 확인하면 됩니다. &nbsp;그리고 getAuthErrorMessages 함수에서 errorCode로 어떤 값이 넘어오는지 확인해보세요. 그리고 그 값을 firebase error codes에서 확인해 보세요. <a target="_blank" rel="noopener noreferrer nofollow" href="https://firebase.google.com/docs/auth/admin/errors">https://firebase.google.com/docs/auth/admin/errors</a>&nbsp;마지막으로 env.js 파일에 firebase 설정 값들을 정상적으로 입력했는지 확인해보세요.&nbsp;

로그인 에러 출력시 default값만 나옵니다.

안녕하세요, &nbsp;똑같은 디자인도 기기에 따라 보이는 부분에서 차이가 있습니다. 화면이 길수록 많은 내용이 보이고, 작을수록 적게 보입니다. 키보드가 나타났을 때도 마찬가지로, 키보드 영역이 화면영역을 가리면서 보여지는 부분은 한정적입니다. 그리고 그 부분은 화면의 크기에 따라 차이가 있습니다. &nbsp;ios에서 signin 버튼이 보인다면, 조금 큰 화면의 ios 기기로 테스트 하고 있는것으로 예상됩니다. 예를 들어, iphone se로 테스트하면 signin 버튼이 가려지고, iphone 16 pro max에서 테스트하면 signin 버튼이 보입니다. &nbsp;화면에 보여지는 부분은 기기마다, 혹은 플랫폼마다 차이가 있을 수 있습니다. 다만, 보여지는 부분이 기능에 영향이 있는 것은 아닙니다. 제가 모든 기기에서 테스트 할 수 없어서 각 기기마다 어떤 모습으로 나타나는지 확인할 순 없습니다. &nbsp;기능에 문제가 되는 부분이 없고, 화면에서 보여지는 부분에 오류가 있는 것이 아니라면 문제가 되지 않습니다. 보여지는 부분의 차이는 기기의 차이이니 크게 신경쓰지 않아도 괜찮습니다.

안드로이드 기기에서 SignUp 화면 관련 질문드립니다.

해결 되었다니 다행이네요 :)

간단한 질문 하나만 드리겠습니다!

대부분 문제는 오타일 확률이 높습니다. 질문하기 전에 오타를 확인해 보세요. &nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://inf.run/Qt5D1">https://inf.run/Qt5D1</a>onChangeText 를 사용해야 합니다.&nbsp;추가로, console.log를 이용해서 문제가 되는 부분의 값을 확인해보세요.text.trim()에서 trim이 함수가 아니라는 메시지와 함께 문제가 발생한다면, text에 어떤 값이 들어가는지 확인해 봐야합니다.

beomjun

Bài viết