[React Native] Chat GPT로 개발하기 - 환경 구성

Chat GPT가 생기면서 개인적으로 개발이 정말 쉬웠졌다고 느끼고 있다. 

그러다가 생각난게 Chat GPT가 개발자를 대체할 수 있을까? 라는 생각을 하게 되었다. 

 

누구나 질문만을 통해서 그럴싸한 결과물을 만들 수 있다면 어찌저찌해서 면접을 통과하고 회사에 입사를 하게 되었을 때 

업무는 Chat GPT로 하는 것을 말이다. 

 

그래서 한번 해보려고 한다. 

 

나의 목표는 Chat GPT를 사용해서 어플을 만들고 그것을 구글 스토어에 올리는 작업까지를 진행해보려고 한다. 

 

여기서 나는 100% 질문만으로 개발을 하진 않을 것이다. 

그 이유는 이미 나는 React를 할 수 있고 개발 지식이 없는게 아니라서 자연스럽게 내가 알던 방식을 사용할 것이므로 

가능한 질문을 통해서 복잡한 로직을 해결할 생각이다. 

 

그런 경험을 통해서 Chat GPT를 어디까지 사용할 수 있는지 테스트 해보려고 한다. 

 

참고할 사항으로 나는 Chat GPT 4.0 버전을 사용하고 있다.

복잡한 내용은 4.0으로 일반적인 상황에서는 3.5 버전을 사용해서 진행할 것이다.  

 

윈도우에서 React Native 개발 환경을 구성하는 방법을 알려줘

먼저 한 질문은 React Native 환경을 구성하는 방법을 물어봤다. 

 

그 결과로 

아래와 같은 절차를 안내 받았다. 

이미지 아래 내용이 더 있지만 질문의 답변이 중요한게 아니라고 생각되므로 무시하고 

결과를 봤을 때 생각보다 자세하다고 느껴졌다. 

 

여기까진 괜찮다. 

 

그러다 마지막 단계인 프로젝트를 생성하는 단계에서 아래와 같은 오류가 발생했다. 

내심 다행이라고 생각했다. 

너무 스무스하게 진행되서 이러다 개발 시작 하는 부분까지 이 글에 담아야 하나 생각을 했었다. 

 

"npx react-native init 프로젝트명" 이 명령어를 통해 설치하는 도중에
TypeError: cli.init is not a function 이런 오류가 발생했어

나는 직관적으로 물어보는 편이다. 

마지막으로 실행한 명령어를 입력하고 어떤 오류가 발생했는지 말을 했다.

흠 ...

npx대신 yarn을 설치하는 내용이 썩 마음에 들지는 않았지만 우선 react-native-cli 삭제 부분부터 다시 진행하려고 한다. 

 

npm uninstall -g react-native-cli
npm install -g react-native-cli 이걸 진행해도
TypeError: cli.init is not a function 이런 오류가 발생해

그러하다 react-native-cli를 설치하고 삭제해봤는데 여전히 문제가 발생했다.

그래서 다시한번 물어봤다. 

 

그러니 이번엔 

만약 npm uninstall -g react-native-cli와 npm install -g react-native-cli 명령어를 실행했음에도
TypeError: cli.init is not a function 오류가 계속 발생한다면, 
이는 환경의 문제일 가능성이 높습니다.
다음 단계를 시도하여 문제를 해결해 보세요:

1. Node.js 및 npm 업데이트: Node.js와 npm을 최신 버전으로 업데이트하는 것이 좋습니다. Node.js 공식 
웹사이트에서 최신 버전을 다운로드하여 설치하세요.

2. npm 캐시 삭제: npm 캐시를 삭제하고 다시 시도해 보세요. 터미널에서 다음 명령어를 실행하세요:
npm cache clean --force

이런 답변을 받았다. 

 

개인적인 생각으로 node 및 npm 버전은 크게 문제가 되지 않는다고 생각해서 2번인 npm 캐시를 삭제하였다. 

그리고 다시 환경을 만들었더니 짜잔! 

프로젝트 세팅이 완료되었다. 

 

한번만에 해결하진 못했지만 그래도 어찌어찌 개발 환경을 세팅하였다. 

이제부터 본격적으로 시작할 것이다!