📌 출발선

개발환경구성

• vsc 설치
• node 설치
• npm, yarn 설치 (homeBrew)
• vsc extention

개인 사이드 프로젝트를 시작할 때

프로젝트를 만들고자 할 때 순서를 정리해보자.

1번 깃허브 레포지토리 만들기

• 깃헙에서 레포 만들기

2번 프로젝트 만들기

• 프로젝트 만들기 (vsc에서)
  • node 설치(최초1회)
  • 패키지 관리자 설치(npm or yarn)
    • [ npm과 yarn ]
  • CRA 를 이용한 프로젝트 만들기
    1) CRA
  • 컴퓨터 원하는 위치에 폴더 만들고 vsc열기
  • vsc에서 터미널(cmd ~) 열기
  • cd / ls를 이용해 프로젝트 만들 위치로 이동
  • create-react-app test_project
  • 성공적으로 CRA 설치가 이루어졌다면 vsc 좌측 탐색기에 test_project의 폴더가 생성되고 터미널에서 Happy hacking! 이라는 메시지를 확인할 수 있다.
  • 
  • 

• vite를 이용한 프로젝트 만들기
  2) vite
  • 컴퓨터 원하는 위치에 폴더 만들고 vsc열기
  • vsc에서 터미널(cmd ~) 열기
  • cd / ls를 이용해 프로젝트 만들 위치로 이동
  • npm create vite / yarn create vite
  • 
  • 각 설정을 작성해주면 프로젝트를 만들 수 있다.

3번 프로젝트 파일과 레포 연결하기

• 1번에서 만든 레포지토리의 링크를 들고온다.
  • 
• vsc에서 내가 깃헙과 연결할 프로젝트를 연다.
• vsc 내부 터미널을 열고 터미널의 위치가 내가 연 폴더(프로젝트) 위치인지 확인한다.
• 다음의 명령어를 순서대로 입력한다.
  • git init
  • git remote add origin {remoteAddress}
  • git branch -M master
  • git add .
  • git commit -m "commit message"
  • git push -u origin master
    • 간단 설명
    • git 설정을 초기화(init)하고 내가 만들어둔 레포지토리와 연결한다.(remote add origin {프로젝트 링크})
    • git에 새로운 master라는 이름의 브랜치를 만든다. (기본 main)
    • git 업로드 대기 리스트에 프로젝트 정보들을 추가(add .(.은 전체를 의미))라고 commit message를 작성.
    • master 브랜치에 push 한다.
  • 이제 정상적으로 업로드 되었다면 레포지토리에 프로젝트 파일들이 올라가 있을 것임.
  • 터미널에 깃 명령어 작성도중 에러 발생했다면 검색하여 해결 방안 찾고 계속 시도하다보면 언젠간 되더라.
  • 기타 명령어
    • git status (상태보기)
    • git checkout -b branchName (브랜치 이동_사용시 주의 코드 내용 달라질 수 있으므로 기존 작업물은 commit하던지 stash하고 브랜치 변경할 것!)
    • git stash (아직 마무리하지 않은 작업을 스택에 잠시 저장할 수 있도록 하는 명령어)
    • git stash apply (stash 했던 파일을 불러온다.)
    • git stash 참고 링크 [ git stash ]

프론트는 1.뷰 그리기, 2.기능 만들기, 2-1.백과 연결하기