본문 바로가기
JavaScript/Vanila

[Vanila.js] 환경셋팅 1

by D.O.T 2024. 7. 30.

우아한 형제들에서 근무 중이신 프론트 개발자 김정환님의 강의를 기반으로 작성합니다.

인프런 강의 제목은 '만들고 비교하며 학습하는 리액트'입니다.

 

해당 강의는 깃을 사용하며 Branch별로 강의를 해주십니다.

 

학습을 하기 위해 먼저 git을 fork합니다.

김정환님 git
내 git repository

 

fork가 잘되었다면, 강사님이 만들어 둔 branch로 이동할 수 없습니다.

우선 fork한 내 레파지토리를 clone하고 해당 폴더로 이동해서 git bash를 실행합니다.

그리고 아래와 같은 명령을 작성합니다.

 

1. git remote add upstream https://github.com/jeonghwan-kim/lecture-react.git

2. git fetch upstream

3. git checkout -f upstream/ready/scaffoding

4. git switch -c ready/scaffoding

5. git push origin ready/scaffoding

 

추가된 branch

 

위 방식으로 브랜치가 추가되었으면, main 브랜치도 추가 후 학습을 따라해봅시다.

위 방식으로 현재 branch가 ready/scaffoding로 선택되어 있어야 합니다.

1. git branch -M main

2. git push origin -u main

그럼 위 사진과 똑같이 main 브랜치도 추가됩니다.

 

이제 github remote repository 에서 settings에 들어갑니다.

Github -> Repository -> Settings -> General -> Default Branch

main branch를 default로 설정합니다.

 

updated repository

 

그럼 이제 Clone coding 학습을 시작해봅시다.

 

 

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React) 강의 | 김정환 - 인프런

김정환 | 리액트는 실무에서 가장 많이 찾는 인기있는 프론트엔드 기술입니다. 리액트 기술을 이용해 어플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요., 프론트 실무 최

www.inflearn.com

'JavaScript > Vanila' 카테고리의 다른 글

[Vanila js] 탭 구현하기  (0) 2024.08.01
[Vanila js] 검색 결과 기능 구현  (0) 2024.07.31
[Vanila js] 검색 기능 구현하기  (0) 2024.07.31
[Vanila.js] 사전 코드 이해하기  (0) 2024.07.31
[Vanila.js] 환경셋팅2  (0) 2024.07.30