Hello, World.
안녕하세요. 저는 5년째 앱 개발 분야에서 활동하고 있는 시니어 앱개발자 정현우라고 합니다 :)
FAQ
사용할 수 있는 스택:
React Native, JavaScript, p
ython, TypeScript, React.js
전문분야:
React Native(앱 개발)
LECTURES
[독점]5개 프로젝트로 마스터하는 실전 React Native
강의
수강평
- [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
- [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
- [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
- [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
게시글
질문&답변
App.tsx에서 Icon을 못가지고 오는 오류..('VectorIcons' could not be found ~)
TurboModuleRegistry.getEnforcing(...) 에러가 아이콘 모듈이 제대로 등록이 안돼서 나오는 에러입니다.개인적인 의견으로는 vector icons 라이브러리 설치 이후 바로 모듈을 불러오고 빌드하셨을 때 vector icons 라이브러리 자체가 인식이 안돼서 발생하는 문제인것 같습니다.추후 강의에도 설명드리는 내용인데, 원래 import를 하실 때 Icon 또는 FontAwesome5이 들어가는 그 자리의 이름은 그냥 마음대로 설정해도 되는 거거든요(Icon을 하셔도 FontAwesome5을 하셔도 차이가 없습니다. 이름만 다른 것입니다.). 그래서 Icon을 했을땐 안 되고 FontAwesome5를 했을 땐 되고의 문제가 아니라고 판단됩니다.따라서 라이브러리 설치 이후에 즉시 불러오기를 하시고 빌드하시면 앱이 라이브러리를 바로 인식하지 못한다는 간단한 이슈인 것 같습니다.
- 0
- 3
- 13
질문&답변
App.tsx에서 Icon을 못가지고 오는 오류..('VectorIcons' could not be found ~)
흠.. 그러게요??전 일단 Icon으로 임포트했을때 바로 돼서 문제가 없다고 판단했는데, 이런 문제가 숨어있는지 몰랐네요.아마 간단한 캐시 오류 아닐까요?? 일단 바로 서치해보고 알려드릴게요!
- 0
- 3
- 13
질문&답변
iOS에서 splash screen설정 오류
이 문제같은 경우에 제가 ASAP으로 가상 macOS 환경에서 돌려보고 강의 촬영해서 iOS에서도 제대로 작동될수 있도록 직접 수정하겠습니다.알림이 안떠서 질문이 있었는지 몰랐네요ㅜㅜ 죄송합니다열심히 수강해 주셔서 항상 감사드립니다
- 0
- 2
- 19
질문&답변
iOS설정에 오류가 있는 것 같습니닷,,(info.plist 설정 오류)
앗 제가 윈도우에 안드로이드 사용하고 있어서 미쳐 확인하지 못했네요ㅜㅜ 지금 바로 강의 수정 들어가도록 하겠습니다 알려주셔서 감사합니다!이번달 안에 macOS 환경에서 '직접' 설정하는 것도 추가할 계획입니다. 이런 소중한 수정사항 알려주셔서 진심으로 감사드립니다
- 0
- 2
- 19
질문&답변
안드로이드 스플래시 및 AppIcon설정 전체 과정 및 관련 질문
답변1. 넵 오류가 없이 잘 뜨셨다면 올바른 전체 설정과정입니다. 원래 스플래쉬 스크린 설정 방법이 조금 까다롭긴 합니다.답변2. 넵 맞습니다, 원래 앱을 열었을때 기본적으로 아이콘이 먼저 표시되더라구요. 실제로 사용하시는 앱들 중에서도 여러 개가 그런 식으로 표시됩니다.답변3. colors.xml 파일같은 경우엔 핸드폰 상태창(화면 맨 위에 항상 뜨는 시간, 알림, 와이파이 등의 정보를 포함하는 창)의 색을 지정해주는 파일입니다. 그런데, colors.xml 파일을 바꾸시거나 삭제하셔도 아무런 반응이 없으실 겁니다. 하지만 스플래쉬 스크린 공식 문서에 나와있는 정식 설정방법이므로 추후 오류가 생길 염려를 하지 않도록 설정해 준 것입니다.궁금증이 해결 되셨으면 좋겠습니다.
- 0
- 2
- 17
질문&답변
가상 시뮬레이터 실행
강의 진행에 문제가 있었다니 너무 유감입니다.혹시 번거로우시겠지만 PC를 다시 시작하신 후에 다시 빌드해 보시는 건 어떠실까요?? 문제는 확실히 이해하였고, 현재 확인되는 것으로는 빌드 과정 자체에는 문제가 없었던 것으로 확인됩니다. 결국 에뮬레이터는 실행 프로그램이기 때문에 PC 자체적으로 프로그램이 안열리는 작은 오류가 있을 수 있기 때문에 다시 시작하신 후 다시 빌드해 보시는 것을 추천해 드립니다.그런데 만약 다시 시작하신 후에 빌드해 보셔도 계속 똑같은 오류가 뜨신다면 react native에 문제가 있는 지 검사하는 명령어인npx react-native doctor를 터미널창에 입력해 보시는 것을 추천드리겠습니다.명령어를 입력하시면 대여섯개 정도의 항목들의 검사결과가 나오실텐데요, 전부 다 ✅ 표시가 뜨신다면 react native에도 문제는 없다는 뜻입니다. 만약 전부 다 체크표시가 뜨신다면 언제든지 편하게 질문주세요! 신속하게 도와드릴게요.
- 1
- 2
- 73
질문&답변
num 타입관련해서 문의드립니다
typescript같은 경우에는 이름에서도 확인하실 수 있듯이 매개변수에는 타입을 지정해 주어야 한다는 규칙이 존재합니다.타입은값: 값의 type형태로 지정할 수 있습니다.매개변수에 대해 제대로된 값이 매개변수로 들어왔는지 확인하라는 일종의 typescript 한정 권고사항같은 건데요(그래서 에러라고 알려주기만 하고 실제 앱을 실행할 때는 아무런 문제가 없는걸 확인하실 수 있습니다), 값에 지정할 수 있는 타입은 여러개가 있습니다.number(숫자), string(문자열), boolean(참/거짓) 등등..질문주신 any 존재유무의 차이같은 경우에 대해 답변드리자면any 타입은 말 그대로 any, 즉 어떤 유형의 값이 들어와도 상관 없다고 명시해주는 것입니다.그래서 기본적으로 값에 아무 타입도 적어주지 않으면 any 타입이 구성됩니다.그래서 num 매개변수같은 경우에는 계산기 특성상 숫자가 문자열 형태로 들어오기 때문에 const TypedNumber = (num : string) => { ... }이라고 적어주시는 게 맞겠네요.type의 설명같은 경우에는 마지막 프로젝트에서 자세한 설명이 있기 때문에 React Native의 핵심적인 기술을 다루는 초반 프로젝트에선 설명을 생략하였습니다. 요약: 매개변수에 들어올 값의 형태를 생각하여 타입을 지정해주시면 됩니다. (권고사항이므로 굳이 안하셔도 실행에 문제는 X)궁금증이 해결되셨나요?항상 소중한 질문 감사드립니다.
- 1
- 2
- 36
질문&답변
npx expo start 오류건...
안녕하세요 nanyahoo 수강생님! 먼저 소중한 질문 감사드립니다. 해당 문제같은 경우, 저도 개발할때 종종 겪던 문제였습니다. 제가 저 문제를 겪을 땐 다음과 같은 방법을 사용하곤 했었습니다.가상기기의 아래쪽 바를 위로 끌어올려 최근 열었던 앱들이 보이는 상태로 만들어 줍니다. 이게 안되시는 경우는 에뮬레이터 오른쪽의 길쭉한 도구 바에 있는 여러개의 도구 모양 중 정사각형 모양을 클릭해서 최근 앱들을 볼수 있는 화면으로 넘어갑니다.그래서 최근 앱들을 모두 위로 드래그 하셔서 지워 주세요. https://imgur.com/a/A93jfJK의 영상과 같이 하시면 됩니다.그리고 터미널에서 Ctrl + C로 나가신 후에 다시 한번 npx expo start를 눌러주시면 감사하겠습니다.
- 0
- 3
- 91
질문&답변
명령 npx eas build --platform android --profile development 시 오류...
안녕하세요, nanyahoo 수강생님! 소중한 질문 감사드리며, 현재 질문의 이슈를 확인하였습니다.에러에 대한 설명이 에러는 수강생님께서 말씀하셨듯이 도스창 두개가 뜨고 나오는 에러로, 에뮬레이터가 켜지는 과정에서 문제가 있었던 것입니다.해결방안해결방안을 설명드리도록 하겠습니다. 차례대로 해주시고, 진행하셨음에도 계속 에러가 발생하신다면 다음 단계로, 또 다음단계로 넘어가 주시면 되구요, 6개의 방법을 모두 하셨음에도 계속 에러가 뜨신다면, 꼭꼭 편하게 질문해 주시면 너무 감사하겠습니다!1. 에뮬레이터를 수동으로 실행할 수 있습니다.바로 cmd 명령어를 통해서도 에뮬레이터를 실행할 수 있는데요, cmd를 에뮬레이터 실행 파일을 여는 것이 바로 방법입니다.cmd(명령 프롬프트)를 실행해 주세요.다음의 명령어를 실행해 주세요.cd %LOCALAPPDATA%\Android\Sdk\emulatoremulator.exe -avd Pixel_9_Pro_XL_API_35 -no-snapshot-load그러면 에뮬레이터가 정상적으로 열리실 텐데요, -no-snapshot-load는 에뮬레이터를 초기화시켜 실행하고, 종료 시 에뮬레이터의 상태를 저장하는 것입니다.2. 에뮬레이터를 재생성합니다.Android Studio를 실행해 주세요.More Actions에서 Virtual Device Manager을 열어주세요.수강생님의 Pixel_9_Pro_XL_API_35 에뮬레이터의 오른쪽을 보시면 "..." 표시가 있으실 겁니다.해당 ... 버튼을 클릭하셔서 Delete 버튼을 클릭해 주세요.그리고 삭제를 진행하신 다음에, 번거로우시겠지만 부디 에뮬레이터를 같은 방법으로 다시 생성해 주시면 감사하겠습니다.3. 제 강의에 나온 SDK 설정을 다시 한번 확인해 주시면 감사하겠습니다🙇4. 환경 변수가 잘 구성되어 있는지 확인합니다.이번에는 Windows Powershell을 실행해 주세요.다음 명령어를 통해 필요한 환경 변수가 잘 구성되어 있는지 확인할 수 있습니다.Get-ChildItem -Path Env:\만약에 ANDROID_HOME이 보이지 않는다면, 번거로우시겠지만 ANDROID_HOME을 환경 변수에 추가하는 부분으로 돌아가서 꼭 다시 추가해 주시면 감사하겠습니다.그리고 ANDROID_HOME이 보이셔도 경로가 %LOCALAPPDATA%\Android\Sdk와 같은지 꼭 확인해 주시면 감사하겠습니다. %LOCALAPPDATA%\Android\Sdk5. PATH에 platform-tools가 잘 들어가 있는지 확인합니다.Powershell에서 다음과 같은 명령어를 입력합니다.Get-ChildItem -Path Env:\만약 여러개의 경로 중에 %LOCALAPPDATA%\Android\Sdk\platform-tools가 없으시다면 꼭 platform-tools를 설치하는 부분으로 돌아가셔서 설치해 주시면 감사하겠습니다.6. 마지막 방법으로, eas-cli를 지웠다가 다시 설치합니다.VSCODE의 practice 폴더 터미널에 다음과 같은 명령어를 입력해 주세요.npm uninstall -g expo-cli eas-clinpm install -g expo-cli eas-cli다시 한번 말씀드리지만 혹시나 방법을 실행해 봤지만 계속 에러가 뜨신다면 편하게 말씀해 주세요! 신속하게 확인해 드리겠습니다. 감사합니다 :)
- 0
- 2
- 62
질문&답변
macOS개발환경 세팅
아뇨아뇨! macOS 사용해서 iOS 개발하고 계시다면 Android, Windows 설정하실 필요 없으십니다. macOS 사용하고 계신 수강생님께서는 macOS-iOS의 환경 설정이 끝나셨다면 바로 다음 강의로 넘어가주시면 되겠습니다.
- 0
- 2
- 46