Coding Archive

2. Recap! - path는 canvas 안에서 마우스를 움직이는 동안 좌표를 만들고 있지만, 클릭 전까지 painting은 false이므로 보이지 않는다. - painting의 기본 값은 false이고, 마우스가 클릭되면 startPainting을 통해 true가 된다. 그렇기 때문에 !painting은 false이고, else 안의 lineTo()와 stroke()를 통해 선이 그려지게 된다. +) if(painting === false) = if(!painting) !painting 은 !false (true)를 의미하면서 if(true){}인 것과 같이 if문을 실행 - canvas 선 그리기 ctx.beginPath(); //새로운 경로 생성 ctx.moveTo(x, y); //선 시작 좌표..

#1 SETUP + STYLES 0. Project Setup github 계정에 들어가서 새로운 repository를 만든다. 이때 initialize this repository with에서 "Add a README file"을 체크, gitignore은 "node"넣어준다. (Add .gitignore에서 .gitignore template: node로 바꿔준다.) 저장할 공간을 터미널에서 열어서 git clone https://github.com/seoye0ng/paint-js(생성된 repository 주소)를 입력하고 깃 클론하면 된다. → 내가 저장할 공간에 paint-js파일이 생성된다. 파일을 vsc에서 열고 html, css, js문서를 만들어 준다. 1. Styles part One ..