[바닐라JS로 그림판 만들기] Project Setup

[출처-유튜브 노마드 코더 Nomad Coders]

https://youtu.be/rE8eZktwyV8

 

먼저 Github에 paintjs라는 repository를 생성한다.

(Github Desktop을 사용)

상단메뉴에 File → New repository로 생성할 수 있다.

 

 

생성한 후에 'Open in Visual Studio Code' 버튼을 클릭.

 

 

아래와 같이 Visual Studio Code 창이 뜬다.

 

 

paint.js 폴더 안에 index.html, app.js, styles.css 3개의 파일을 생성한다.

 

 

index.html에 다음과 같이 코딩한다.

 

 

터미널에 Git으로 Commit한다

git commit -m "Initial Commit"

★ -m 뒤에는 메세지를 적는 것인데

처음 commit은 관용적으로 "Initial Commit"이라는 메세지를 사용한다.

 

 

summary(요약)에 간단한 제목을 적고 'Push origin'을 클릭한다.

 

이렇게 Github에 올라감 !!!

 

 

 

paintjs 폴더에 index.html을 끌어서 크롬에다가 올리면 

 

 

이렇게 생성이 된다.