일단 최신화 했음

순서

  1. (이건 선택)

    1. 이전 흔적 지우기
      1. rm -rf ~/.nvm
      2. rm -rf ~/.npm
      3. rm -rf ~/.node_repl_history
  2. nvm 설치

    1. 터미널에 아래 명령어 복+붙 1.

      **curl -o- <https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh> | bash**
      
    2. .zshrc에 환경 변수 추가 1.

      //먼저 실행
      nano ~/.zshrc
      
      // 맨 아래에 붙여넣기
      export NVM_DIR="$HOME/.nvm"
      [ -s "$NVM_DIR/nvm.sh" ] && \\. "$NVM_DIR/nvm.sh"
      
      • 저장 : Ctrl + O → 엔터
      • 종료 : Ctrl + X
    3. 설정 적용 / 명령어 입력 → source ~/.zshrc

    4. nvm —version

    5. Node 20 설치 및 적용 1.

      nvm install 20.10.0
      nvm use 20.10.0
      
      //확인
      node -v
      npm v
      

      여기까지 설치 완료!

  3. cd ~/Desktop/personal-practice

    1. 나는 해당 파일에서 bash를 바로 열었음(정확한 위치를 위해)
  4. npm create vite@latest 폴더명 (—template react)

  5. cd 작업할 폴더명ㅇ

  6. npm install

  7. npm run dev

  8. localhost 브라우저 확인 ~~~


git hub 연결

git init git add . git commit -m "Init: Vite + React 프로젝트 세팅" git remote add origin https://github.com/your-username/port-react.git git branch -M main git push -u origin main


깃 초기화를 위해 레포지토리 생성시 README 체크 안 했음