[Mac OS/M1] 맥북에 Homebrew, Git, React Native, FastAPI 환경설정하기

개발을 시작하기 위해서는 환경 설정부터 해야한다.

챗씨에게 물어본 답변은 아래와 같음!

 

🧰 전체 목표 요약

• 작업 경로: /Users/{username}/workspace/
• 가상환경: {projectname} (Miniconda)
• Backend: FastAPI (Python)
• Frontend: React Native (with Expo CLI or bare CLI 선택 가능)
• 개발 도구: VSCode

---

1️⃣ 기본 도구 설치 (한 번만 하면 됨)

✅ Homebrew 설치 (필수)

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

✅ Git 설치

brew install git

✅ Visual Studio Code 설치

brew install --cask visual-studio-code

---

2️⃣ Miniconda 설치 및 가상환경 구성

✅ Miniconda 설치 (M1 전용)

brew install --cask miniconda

 

설치 후 다음 줄을 zsh 설정 파일에 추가 (~/.zshrc): export PATH="/opt/homebrew/Caskroom/miniconda/base/bin:$PATH"

source ~/.zshrc

✅ 가상환경 생성 및 활성화

conda create -n {projectname} python=3.11

conda activate {projectname}

---

3️⃣ 백엔드 FastAPI 프로젝트 생성

✅ 작업 디렉토리 만들기

cd /Users/{username}/workspace

mkdir {projectname} ]

cd {projectname}

✅ FastAPI 설치

pip install fastapi uvicorn[standard] python-dotenv pydantic

✅ 서버 실행

uvicorn backend.main:app --reload

접속 확인: http://127.0.0.1:8000/docs

 

*디렉토리 구조:

{projectname}/
├── backend/
│   ├── main.py
│   └── .env
└── frontend/  ← (이후 React Native 프로젝트가 여기에)

---

4️⃣ 프론트엔드: React Native 앱 생성

✅ Node.js 설치 (M1 ARM64 지원 버전)

brew install node

✅ React Native CLI 설치

npm install -g react-native-cli

 

* 설치 후 init을 해야하는데 init이 잘 안되어서 시도한 방법:

npx @react-native-community/cli@latest init frontend

---

5️⃣ VSCode 설정

✅ VSCode에서 열기

cd /Users/{username}/workspace/{projectname}

code .

✅ 추천 확장기능

• Python
• Pylance
• FastAPI Snippets
• React Native Tools
• REST Client (API 테스트)