지니리 개발일지

Object shorthand assignment 리액트에서 많이 사용하는 JS ES6문법으로 키와 변수의 이름이 같을 때 사용한다. let name="noona"; let age = 17; let person ={ name: name, age: age } console.log(person); // { name: 'noona', age: 17 } let person ={ name, age } console.log(person); // { name: 'noona', age: 17 } Destructuring 객체 안에서 가져오고 싶은 키 값을 배열에서도 적용 가능하다. let person ={ name:"noona", age: 20 } let name = person.name; let age = perso..

저번 벽돌깨기 게임에 이어서 몬스터 탈출 게임을 4차에 걸쳐 만들기로 했다. 🚪🏃🏻‍♀️ 👻 1차 버전에서는 맵/ 타일/ 플레이어/ 탈출구를 생성하였다. 맵·타일 생성 - 9*9 타일을 가진 맵 생성. - 2차원 배열과 class타입으로 작성. monsterGame.js // 캔버스 생성 const canvas= document.getElementById("myCanvas"); const context = canvas.getContext("2d"); // 타일(class 타입으로 생성) class Tile { constructor(left, top, right, bottom, color) { this.left = left; this.top = top; this.right = right; this.bott..