M1 Macbook Setup

현재 맥북을 새로 포맷을 진행하고, 다시 깔기 시작하면서 필요한, 좋은 프로그램을 정리해놓고자 합니다.

분류는 다음과 같이 이루어집니다.

정렬해놓지는 않았으며, 거의 설치한 시간순서대로 진행됩니다.

A. 맥북에서 사용하면 좋은 세팅

B. 코딩할 때 필요한 세팅

B-1. M1 환경에서 React-Native ios, android 개발환경 세팅

C. 기타 사용하는 세팅

 

C. M1 맥 포맷 방법

1. 전원을 끈다.

2. 전원버튼을 꾹 누르고 시스템 창이 뜰때까지 누른다.

3. 디스크로 들어가서, 데이터를 다 지운다.

4. OS를 설치한다.

끝!

 

B. Xcode 설치하기

- 프로그래밍 관련 개발자 도구

- 용량이 엄청나게 크다 (10GB정도?)

- AppStore에서 다운

 

A. Amphetamine 설치하기

- 화면 모니터가 꺼지는걸 방지하는 프로그램

-AppStore에서 다운

 

A. Istat Menus 설치하기

- 내 컴퓨터의 리소스 사용량을 알 수 있는 프로그램

- 12000원인가 하는 유료 프로그램

- AppStore, 개발자 사이트 모두 받을 수 있지만, AppStore에서 제공하는 프로그램은 m1 맥북의 온도센서 정보를 알려주지 않는다

https://bjango.com/mac/istatmenus/

iStat Menus

 

B. Iterm2 설치하기

- 터미널 대체 프로그램

https://iterm2.com/

iTerm2 - macOS Terminal Replacement

- Rosetta 방식으로 실행 설정 (정보불러오기에서 변경)  + 이때 Rosetta도 설치

- Apple Silicon 방식의 실행은 Terminal로 Rosetta 방식의 실행은 Iterm2로 사용

 

 

B. oh-my-zsh 설치하기

- zsh를 기본으로 사용하는데 좀 더 편하게 사용하기 위해 다운로드

https://github.com/ohmyzsh/ohmyzsh

GitHub - ohmyzsh/ohmyzsh: 🙃 A delightful community-driven (with 1800+ contributors) framework for managing your zsh configu

 

B. HomeBrew 설치하기

- 패키지 관리자

https://brew.sh/index_ko

Homebrew

 

B-1. (NodeJS)

- 많이 참고한 사이트

https://velog.io/@taese0ng/M1-맥에서-React-Native-세팅하기

M1 맥에서 React-Native 세팅하기

B-1. Node 설치하기

- NodeJs를 사용하기 위해서 설치

- iterm2에서 아래 첫줄 입력

brew install node
node -v
npm -v

B-1. Watchman 설치하기

- React-Native에서 코드 수정시 바로 적용되게 함

- iterm2에서 아래 첫줄 입력

brew install watchman
watchman -v

B-1. Cocoapods 설치하기

- ios개발을 위해 필요한 의존성 관리자 패키지

- iterm2에서 아래 첫줄 입력

sudo gem install cocoapods
pod --version

B-1. ffi 설치하기

- Node 설치중 생기는 오류 방지

sudo gem install ffi

 

B. vscode 설치

- 가볍고 강력한 코드 편집기

https://code.visualstudio.com

Visual Studio Code - Code Editing. Redefined

 

B. cask 설치하기

- mac 환경에서 응용 프로그램을 명령어로 설치할 수 있게 함

- iterm2에서 아래 첫 줄 입력

brew install cask
cask --version

 

B-1. java 설치하기

- react-native를 android 환경에서 구동하기 위해 필요함

- iterm2에서 아래 첫 줄 입력

brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

B-1. android studio 설치

- sdk를 받거나... java로 프론트 코딩할 때 사용... 그냥 sdk받으려고 받았다

- 추가적으로 emulator는 안되지만 실제 기기에서 테스트해보고자 할 때 사용된다.

https://developer.android.com/studio?gclid=EAIaIQobChMIsrDzjKn48QIVijgrCh2hfQGaEAAYASAAEgKA6vD_BwE&gclsrc=aw.ds 

Download Android Studio and SDK tools  |  Android 스튜디오

- sdk 세팅은 아래 사이트를 참고하면 된다. os 버전은 상관없으니 원하는 버전으로 진행

https://paullab.tistory.com/26

 

B-1. android emulator 설치

- react-native를 android 환경에서 구동하기 위한 에뮬레이터

- 현재 android studio emulator는 m1에서 지원하지 않기 때문에 아래 사이트에서 받아주면 된다

- 이것만 받아도 emulator는 실행되기는 하는데, sdk가 없다고 react native가 실행되지 않는다

*sdk: software development kit

https://github.com/741g/android-emulator-m1-preview

GitHub - 741g/android-emulator-m1-preview: A place to store preview versions of Android Emulator on Apple Silicon and provide in

- 아래 사이트를 참고하여 설치

https://iagreebut.tistory.com/86

[Silicon Mac M1] 안드로이드 에뮬레이터(Android Emulator)설치

* adb를 iterm2에 입력했을 때 인식하지 못하면 iterm2를 껐다가 실행해보자.

- 위 과정을 충실히 따라서 진행하면 ios , android 개발환경이 모두 성공적으로 진행된다.

 

C. notion 설치하기

- 프로젝트를 진행할 때 내용을 정리하기에 좋은 프로그램

- 메모용이라서 다른게 있다면 안받아도 된다.

- 학생은 계정인증하면 교육용 라이센스를 받을 수 있다.

https://www.notion.so/ko-kr/desktop

Notion – 메모, 작업, 위키, 데이터베이스를 위한 올인원 워크스페이스.