비개발자 혹은 프로그래밍 초급자를 대상으로 꾸준히 개발 교육을 진행해 왔습니다.
제 경험과 지식이 여러분에게 도움이 되길 바랍니다.
감사합니다 :)
Courses
Reviews
- React Native for Beginners
- Hands-on React Native
- React Native for Beginners
- React Native for Beginners
Posts
Q&A
profile 화면에서 내가 쓴 글이 나타나지 않습니다.
현재 로그인한 사용자로 작성한 글이 없어서 나타나지 않는것입니다. 현재 사용자로 글을 작성하세요. 글을 작성하면 나타납니다.(사진) 추가로, https://github.com/dvrakry/rn-photo/blob/master/src/screens/ImagePickerScreen.js#L2020라인의 navigation.navigate를 navigation.popTo로 변경하세요.이전에 질문한 내용과 같은 내용입니다. 강의를 찍을 당시의 버전과 차이가 있어서 동작이 다른 부분이 있습니다. 이런 부분은 공식 문서를 확인하면서 알맞은 함수를 찾아서 사용하세요.
- 0
- 2
- 49
Q&A
글 저장시 파일 저장위치 관련 질문드립니다!
(사진) 현재 코드는 문제없이 잘 동작하고 있습니다. http로 시작하는 uri는 이미 업로드가 완료되어 firebase의 주소를 갖고 있는 상태이기 때문에 추가로 업로드를 할 필요가 없습니다. 그래서 uploadPhoto에서 http로 시작하는 uri 는 다른 처리는 하지 않고 그대로 return 하는 것입니다.
- 0
- 2
- 30
Q&A
구글 지도 API 관련 오류로 질문드립니다!
Google API 는 제가 직접 확인할 수 있는 방법이 없어서, 정확한 해결 방법보다는 예상되는 부분을 알려드린다는 점 양해 부탁드립니다. 추가로, 강의 촬영 시기와 현재 변경된 부분이 있을 수 있으니 이 부분 참고하시기 바랍니다. API도 활성화했고, API key 권한이나 제한에 문제가 없다면 결제 방법을 확인해보세요. 실제 결제 가능한 결제 수단으로 결제 등록을 해놔야 정상적으로 동작합니다.
- 0
- 1
- 23
Q&A
HeaderRight 버튼이 작동하지 않습니다.
https://github.com/dvrakry/rn-photo/blob/master/src/screens/WriteTextScreen.js#L35 onSubmit 함수에서 아무것도 안하고 있으니 화면 이동이 없는건 틀린 동작이 아닙니다.헤더의 오른쪽 버튼을 클릭했을 때 로그를 찍어보고 싶다면 useLayoutEffect가 아니라, onSubmit 안에서 로그를 찍어야합니다. 글 저장은 10.10 에서 진행합니다.
- 0
- 2
- 22
Q&A
사진이 나오지 않는 문제로 질문드립니다.
질문하기 전에 스스로 문제를 해결하는 연습을 하는것이 좋습니다. 먼저 차분하게 오타를 확인하세요. 코드를 변경하지 않았는데 문제가 발생한다면 대부분 오타입니다. 만약 에러가 발생하면 해당 에러 메시지를 구글에서 검색해서 확인해보세요. 대부분의 문제는 이미 질문한 사람이 있습니다. 단, 검색할 때 한글은 사용하지 마세요. 검색 결과의 양과 질에서 많은 차이가 있습니다. 수정할곳은, https://github.com/dvrakry/rn-photo/blob/master/src/screens/WriteTextScreen.js#L19부분을 다음과 같이 수정하세요. const width = useWindowDimensions().width / 4; width 값을 확인해보면 NaN이 나옵니다. 에러가 없다는건 코드에는 문제가 없다는 의미입니다. 그렇다면 어떤 변수에 값이 잘못 들어가있을 가능성이 있습니다. 관련된 변수들에 값이 잘 들어가있는지 확인해보세요.
- 0
- 2
- 31
Q&A
defaultProps 관련 문의 드립니당
안녕하세요, 에러메시지에서 설명하는대로 하면 됩니다. defaultProps가 다음 릴리즈에서 삭제될 예정이니 JavaScript에서 지원하는 default parameter를 이용하라는 얘기입니다. 예를 들어, HeaderRight 컴포넌트에서는https://github.com/dvrakry/rn-photo/blob/master/src/components/HeaderRight.js#L6 6 라인을 다음과 같이 수정하고, const HeaderRight = ({ onPress, disabled = false }) => {defaultProps 코드를 삭제하면 됩니다. 감사합니다.
- 0
- 2
- 32
Q&A
이미지 목록을 받아오는 부분에서 IOS 에서 문제가 발생합니다.
안녕하세요, iOS에서 이미지를 처리할 때는, getAssetInfoAsync 함수를 이용해서 localUri를 받아와서 사용해야 합니다. https://docs.expo.dev/versions/latest/sdk/media-library/#medialibrarygetassetinfoasyncasset-options 48 라인 코드를 다음과 같이 수정하세요. https://github.com/dvrakry/rn-photo/blob/master/src/screens/ImagePickerScreen.js#L48 const processedAssets = await Promise.all( assets.map(async (asset) => { if (asset.uri.startsWith('ph://')) { const assetInfo = await MediaLibrary.getAssetInfoAsync(asset); return { ...asset, uri: assetInfo.localUri || asset.uri, }; } return asset; }) ); setPhotos(processedAssets); 당연히 위쪽에 import도 추가해주셔야 합니다. 관련된 내용은 "9.14 file 경로 받아오기"에서 확인할 수 있습니다. 감사합니다.
- 0
- 2
- 40
Q&A
안드로이드 기기에서 헤더 부분이 작동이 안됩니다.
안녕하세요, react-navigation 7 문제인듯 합니다. https://github.com/react-navigation/react-navigation/issues/12274 이슈에 나온것처럼 onPress대신 onPressOut을 사용해보세요,안드로이드 기기에서 테스트 했을때 onPressOut을 사용하면 동작합니다. onPress일때도 특정 부분을 클릭하면 동작하긴 합니다. 다만, 말로 설명하기 어렵고 정상적인 동작은 아니라서 버그가 수정되기 전까지 onPressOut을 사용하시는 것을 권장합니다. 감사합니다.
- 0
- 2
- 35
Q&A
[TypeError: unsubscribe is not a function (it is undefined)] 오류 발생으로 질문드립니다.
https://github.com/dvrakry/rn-photo/blob/master/src/navigations/index.js#L37 이 라인을 삭제하고, 바로 아래 return () => unsubscribe(); 코드를 추가하세요. 인프런 AI 인턴의 2번 "useEffect와 함께 사용"에 나온것처럼 코드를 수정하시면 됩니다. 감사합니다.
- 0
- 2
- 37
Q&A
7.15 :: 상태 변수와 컴포넌트 언마운트 관련 질문드립니다!
안녕하세요, 버전이 변경되면서 동작도 달라졌네요.사용하는 버전의 공식 문서를 확인하면 도움이 됩니다. react navigation 7 문서에 따르면, navigate 함수는 새로운 화면을 추가한다고 합니다.https://reactnavigation.org/docs/navigating/#navigating-to-a-new-screenThis allows us to express the intent to add another route regardless of the existing navigation history. native stack에서 화면을 빼내고 이전 화면으로 돌아가는 방법은 popTo 함수를 사용하면 됩니다.https://reactnavigation.org/docs/native-stack-navigator#poptoNavigates back to a previous screen in the stack by popping screens after it. https://github.com/dvrakry/rn-photo/blob/master/src/screens/SignUpScreen.js#L29https://github.com/dvrakry/rn-photo/blob/master/src/screens/SignUpScreen.js#L104두 라인의 navigate함수를 popTo로 변경하시면 됩니다. 현재 스택에 쌓여있는 화면을 확인하고 싶다면, 다음 문서를 참고하시기 바랍니다.https://reactnavigation.org/docs/use-navigation-state 감사합니다
- 0
- 2
- 33