React/youtube_clone_coding

Youtube Clone_Coding Set Up

느리지만 꾸준하게 2021. 8. 6. 15:10

전에 만들어 놨던 template 폴더에서 commit을 하지 않았으므로 commit 진행

cd C:\Users\kjh\react_dc\react-basic\template => template 경로로 들어가서 작업 시작

git status => 명령어를 통해서 작업한 파일들이 커밋이 아직 되지 않은 것을 볼 수 있다.

git add * => git add를 진행해서 파일들이 스테이지 상태로 넘어간다.

git status => 다시 한번 git status를 진행

git commit -m "init project" (메세지는 프로젝트를 셋업 했으니까 init project로 작성)

이제 template에 있는 파일과 폴더들을 복사해서 새로운 youtube 폴더안에다가 복사하는 과정을 진행해본다.

cd.. templat폴더 이전파일로 들어가서
cp -R template youtube
cd youtube

code .

이제 다른 프로젝트와 구분을 하고 싶다 그러면 settings에 들어가서 Workspace에 들어가서 프로젝트당 설정할 수 있는 것이고 User에서 하는 것은 모든 VScode에서 적용이 되는 것이다.

 

우리의 프로젝트에서만 설정을 Workspace에 들어가서 workbench안에 appearance에 들어가서 Color Customization라고 있는데, setings를 누르면 원하는 색상을 지정할 수 있다. 아래는 settings.json 안에 작성할 내용이다.

{

  "workbench.colorCustomizations": {

    "titleBar.activeBackground": "#F54133",

    "titleBar.inactiveBackground": "#F54133"

  }

}

 

 

<출처 : DreamCoding 리액트 개념 정리+유튜브 클론코딩: ellie>

https://academy.dream-coding.com/courses/react-basic

 

리액트 강의 (유튜브 클론 코딩 + 실시간 전송 명함 카드 만들기 웹앱 만들기)

리액트 전반적인 개념 설명과 (클래스 컴포넌트와 함수 컴포넌트 그리고 리액트 훅까지) 실전 유튜브 클론 코딩 프로젝트. Firebas의 실시간 데이터베이스를 이용해 멋진 명함 카드 만들기 웹 어

academy.dream-coding.com

 

'React > youtube_clone_coding' 카테고리의 다른 글

list item 만들기  (0) 2021.08.09
popular list 받아와서 보여주기  (0) 2021.08.09
Postman Settings  (0) 2021.08.09
REST(Representational state transfer) API  (0) 2021.08.06
API KEY 설정하기  (0) 2021.08.06