댓글 검색 목록

[Reactjs] 내가 갖고 싶었던 React Native 가이드! -파트 1 : 환경 및 상태 비 저장 구성 요소

페이지 정보

작성자 운영자 작성일 21-04-09 10:08 조회 946 댓글 0

Theodo에서의 첫 주 동안 회사에서 사용하는 주요 기술에 대해 많은 것을 배웠습니다. 저는 Typescript와 Redux를 사용하여 간단한 React Native 애플리케이션을 빌드하는 방법을 배우는 데 집중했습니다.

프로젝트 소스

참고로 이 프로젝트의 소스 코드는 여기에서 보고 다운로드 할 수 있습니다.

소개

Theodo에서의 첫 주 동안 회사에서 사용하는 주요 기술에 대해 많은 것을 배웠습니다. 저는 Typescript와 Redux를 사용하여 간단한 React Native 애플리케이션을 빌드하는 방법을 배우는 데 집중했습니다. 이 게시물은 이러한 기술에 대한 약간의 지식이 있는 사용자를 대상으로 환경 설정에서 간단한 작업 Todos 앱으로 안내합니다! 일부 React, React Native, Typescript 및 Redux 지식이 가정된다는 것을 반복해야 합니다. 유용한 초보자 가이드를 보려면 리소스 섹션을 확인하세요!

환경 설정

개발자의 삶의 골칫거리는 종종 개발을 위한 작업 환경을 설정하는 것과 관련이 있습니다. 이 작은 프로젝트를 위해 개발 환경을 완전히 설정하기 위해 취한 단계를 간략히 설명하겠습니다. Mac OS 관점에서도 이 글을 작성할 것이지만 제공된 리소스를 사용하면 Unix / Windows 번역이 그리 어렵지 않을 것입니다.

기술

Homebrew

필요한 모든 기술을 중앙 위치에 설치하려고 합니다. 따라서 Mac OS 용으로 매우 잘 관리되는 패키지 관리자인 homebrew를 사용하는 것은 당연한 선택입니다.

설치하려면 터미널을 열고 다음을 입력하십시오.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

노드 버전 관리자

이것이 완전히 필요한 것은 아니지만, Mac에 쉽게 관리 할 수 있는 여러 버전의 Node를 한 번에 설치할 수 있도록 Node 버전 관리자를 설치하고 싶습니다.

설치하기 위해서:

터미널을 열고 brew install nvm을 입력하십시오.
mkdir ~/.nvm을 사용하여 NVM 작업 디렉토리 생성
~/.profile (또는 bash 대신 zsh를 사용하는 경우 ~/.zprofile)을 열고 다음을 추가합니다.

export NVM_DIR="$HOME/.nvm"
[ -s "$(brew --prefix)/opt/nvm/nvm.sh" ] && . "$(brew --prefix)/opt/nvm/nvm.sh" # This loads nvm
[ -s "$(brew --prefix)/opt/nvm/etc/bash_completion.d/nvm" ] && . "$(brew --prefix)/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion

4. 이제 Mac에 로그인 할 때마다 .profile (또는 .zprofile)이 NVM과 bash (또는 zsh) 완료를 로드합니다. 로그 아웃하고 로그인하는 대신 실행하여 이 파일을 호출 할 수 있습니다 (zsh를 사용하는 경우 .profile을 .zprofile로 대체). 터미널에서 ~/.profile.

터미널에 nvm -v를 입력하여 NVM이 제대로 설치되었는지 확인합니다.

참고 :이 마지막 섹션을 .bashrc (또는 .zshrc)에 배치 할 수도 있지만 .bashrc (또는 .zshrc)는 터미널 창이 열릴 때마다 호출됩니다. NVM을 한 번만로드하면 되므로 로그인 할 때 .profile (또는 .zprofile)에 코드를 배치하여 로드하는 것이 좋습니다!

Node & NPM

마지막 단계에서 NVM을 사용하여 Node 및 NPM을 설치할 수 있습니다. 터미널에서 다음 두 명령을 실행하여 최신 버전의 Node (NPM과 함께 제공)를 설치하고 사용하십시오.