TIL no.4 - Javascript 기초 공부 정리[1]

wecode 사전 스터디 3주차로 JavaScript 미니게임을 만들기 전에 이론을 더 공부해야겠다고 생각했습니다.

그래서 일단 예시로 주어진 순수 자바스크립트를 이용한 2D 벽돌깨기 게임을 공부하면서 배운 이론을 정리하려고 합니다.

아직 자바스크립트로는 기초적인 이론만 배운 상태라 활용하기가 어려운 실력이라서 그런지..

코드를 보고 따라하면서도 이 코드를 보지 않았어도 이것을 구현해내기 위해 이 코드를 만들 수 있었을지 의문이 드네요..

그래도 열심히 알려고 노력하다보면 나중엔 답이 보이지 않을까..싶습니다 🤩💪🏻 

 

 

setInteval 함수 : 일정한 시간 간격으로 작업을 수행하기 위해서 사용합니다. clearInteval 함수를 사용하여 중지할 수 있습니다. 

setTimeout 함수 : 일정한 시간 후에 작업을 한 번 실행합니다. clearITimeout 함수를 사용하여 중지할 수 있습니다. 

*clearInterval(), clearTimeout()은 실행중인 작업을 중지시키는 것이 아니라 지정된 작업을 모두 실행하고 다음 작업이 중지되는 것입니다.

---

Math.PI 속성은 원의 둘레와 지름의 비율로 약3.14159의 값을 가집니다.

arc(x, y, radius, startAngle, endAngle, anticlockwise)로 x,y 위치에 원점을 두면서 반지름 r을 가지고 start에서 시작하여 end에서 끝나며 주어진 anticlockwise 방향(기본값은 시계방향)으로 향하는 호를 그리게 됩니다.

rect(x, y, width, height) x,y는 위치를 말하고 width, height는 이 사각형의 크기를 결정한다.

---

or 조건문

if(y + dy > canvas.height || y + dy < 0) {
	dy = -dy;
  }

위 코드는 두가지 조건을 하나로 합친 것으로 y + dy > canvas.height 이거나 y + dy < 0이면 {} 중괄호 안의 결과를 낸다는 조건문입니다.

 

---

alert 확인 후 다른 창으로 넘어가기

alert('message');
window.location = '/some/url';

if(!alert("my text here")) document.location = 'http://stackoverflow.com/';

---

location.reload() Method : 페이지 새로고침하기