SmileCat.

#react native

4 posts

React Native 적용기

Template Library 시리즈의 다섯 번째 글은 Template Library에 React Native를 적용한 이야기입니다. 작년 7월, 앞선 스터디 주제를 끝내고 다음 주제로 선정할 것들을 물색했었습니다. 당시 필자는 개인적으로 Real World API를 바탕으로 Server와 Web을 작성하고 App을 작성하다 중단한 상태였습니다. 같이 스터디를 하시는 분들은 React와 Next.js에 관심이 있어서, 그분들은 React와 Next.js로 필자는 React Native로 Real World 스펙을 구현하는 것으로 주

[React Native] 설정 기록

이번에 스터디에서 사용할 React Native 설정을 진행하면서 만나게 된 문제를 해결하기 위해서 찾아본 것들에 대해서 나중에 다시 참고하기 위해 간단하게나마 정리해보고자 합니다. 기본 설정 기본적인 설정은 React Native의 공식 문서인 Setting up the development environment를 참조해서 진행하였습니다. 해당 가이드를 따라가면서 정리할 만한 내용은 다음과 같습니다. Expo CLI vs React Native CLI 환경에 구애받지 않고 간단하게 개발을 시작하기에는 Expo가 매력적이겠지만,

[React Native] Command PhaseScriptExecution 오류

스터디에서 사용할 React Native 환경을 설정하기 위해 오랜만에 현재 PC들에 설정하고 있었습니다. 늘 그래왔듯 한 번에 되지는 않았고 여러 문제와 함께하고 있습니다. 처음에는 맥의 M1 환경에서 진행을 시작하였지만, 이것이 M1으로 인한 문제인지 판단을 할 수 없어 기존 환경으로 돌아와서 설정을 진행하였습니다. Lerna을 이용한 설정 및 해결 가능한 문제들을 제거하고 나니 npm run ios을 실행할 경우는 아래의 오류가 발생했지만 npx reactnative runios을 실행할 때는 정상적으로 동작하는 문제에 봉착하

React Native에서 어떻게든 gRPC-Web 사용했던 삽질기

6개월 전 React Native를 사용하면서 gRPCWeb을 사용하고자 이런저런 삽질을 했었습니다. 삽질을 하는 동안 다른 서비스 로직들과 별개로 확인할 수 있는 환경이 필요했고, 혹시 나중에 찾아볼 일이 있지 않을까 싶어 별도의 저장소를 생성해두었습니다. 이번 글을 통해 단순한 코드만 있는 저장소에서 삽질한 부분만 추려내서 정리해보고자 합니다. 코드만 확인하고자 하신다면 reactnativegrpcweb에서 확인하실 수 있습니다. 왜 React Native에서 gRPCWeb을 사용하게 되었나요? gRPC가 무엇인지, React