스타벅스 클론코딩 # 01. 프로젝트 생성

코린이·2022년 5월 17일
0

👏 클론코딩 시작!

목표
스타벅스 홈페이지 프론트엔드 분야를 구현함으로써 React 컴포넌트 구현 능력을 기르기

스타벅스 홈페이지를 고른 이유?
다양한 기능들이 MAIN PAGE에 골고루 있어, React 활용 역량을 기를 수 있을 것 같아 선택하였습니다!

오늘 한일
프로젝트 생성 및 GIT 연동
홈페이지 레이아웃 분석


📢 React 프로젝트 생성

1. Node.js설치

https://nodejs.org/ko/

2. yarn 설치

npm install -g yarn

3. 프로젝트 생성

VS Code에서 터미널(Git Bash)에 yarn create react-app 프로젝트명 입력
or
yarn을 설치하지 않은 경우, npx를 이용
npx create-react-app 프로젝트명

4. 해당 프로젝트로 이동 후 실행

cd 프로젝트명
yarn start or npm start


📢 Git 연동

  1. git init
    : 새로운 Git 저장소(repository)를 생성할 때 사용하는 Git 명령어
    : .git이라는 하위 디렉토리 생성

  2. github 접속하여 repository 생성

  3. git remote add origin 주소
    : 이 명령어를 통해 원격저장소에 연결

git remote -v 명령어를 통해 현재 연결되어 있는 원격 저장소를 확인할 수 있다.

profile
초보 개발자

0개의 댓글