리액트로 개발이 끝나면 코드를 파일 하나로 압축하는 build 작업 수행 src 폴더 안의 코드, 파일은 압축되지만 public 폴더의 내용물은 보존되므로 이미지, 텍스트, json 파일 등 보관하기 이미지가 여러 개 있을 경우 public 폴더에 저장하면 편함 서브 경로(blahblah.com/sub)에 배포하는 경우 이미지 경로 또한 수정해야 함 따라서 위처럼 작성할 것

문제의 코드 update() { missiles.forEach(missile => { if (missile.direction === "vertical") { this.vy = 1; this.position.y += this.vy; } else if (missile.direction === "horizontal") { this.vx = 1; this.position.x += this.vx; } }); this.blockCollisionCheck(); } 일정한 속도로 미사일을 쐈으면 좋겠는데 의도치 않게 가속도가 붙었다. 뭐지... 혹시 또 forEach문 때문일까 했는데 역시나였다!!^^ 편하다는 이유로 for문 대신 forEach문 정말 많이 썼는데 아래 코드 때문에 문제가 생긴 것이었다. functi..

오류 발생 코드 collisionCheck() { chunkedMap1.tiles.forEach((arr) => { if ( this.position.x arr.x && this.position.y + tileSize > arr.y && this.position.y velocity) this.position.x = arr.x - tileSize - 0.01; if (this.vy < -velocity) this...

for…in object에 사용 객체의 속성 확인용 → 디버깅 enumerable한 것만 출력 부모의 prototype에 저장된 것도 출력 특정 값을 가진 키가 있는지 확인 for…of array, 문자, arguments, NodeList, Map, Set에 사용 Nodelist에 사용 가능 class Object { constructor({ imgSrc, position, splitFrames = { x: 1, y: 1 } }) { // default value object 설정 obj[key] when you want to use a value as the property key that is determined at runtime dynamic key name 런타임 실행시 사용 const key..

에러명: Uncaught ReferenceError: x is not defined // in Player.js class Player extends Sprite // in Sprite.js class Sprite 상단의 유튜브 강의를 보면서 sprtite 파트를 공부하고 있었는데, 이상하게도 계속 위의 에러가 발생했다. 오타도 없었고 강의와 그대로 코드를 작성했는데도 에러가 해결되지 않아서 혹시나 하고 HTML 파일을 탐색했다. 이것때문이었다! Player 클래스는 Sprite를 상속하므로 Sprite.js 파일이 Player.js 파일보다 앞에 위치해야 했다. 이처럼 스크립트 파일이 여러 개일 때, 특히 클래스나 함수를 공유하는 경우에는 스크립트 순서를 잘 배치해야 한다. 위처럼 Player.js, ..

프론트엔드 독학 일기 #2023.07 1 - 4월 #정처기합격 🏅 작년 말쯤에 나는 디자이너로 일하다가 퇴사하고 프엔 개발자가 되기로 결심했다. 검색해보니 정처기 따놓으면 SI 업체에서 많이 본다고 하고, CS 지식 다지기에도 좋다고 해서 올해 4월까지는 정처기 필기, 실기 공부하느라 시간을 다 보냈다. 운이 좋게도 이번 시험은 기출문제에 비해 쉽게 나온 편이라서 합격했다.(90점 헤헤 ✌🏻) 물론 공부를 많이 하기도 했다. 기회가 된다면 정처기 공부 방법도 써볼 예정이다. 5 - 6월 #자바맛보기 🖥️ #코딩애플🍎 프론트엔드 개발자가 되기로 결심하고 부트캠프를 이리저리 둘러보았지만, 내가 원하는 조건을 찾기 힘들었다. 내가 원했던 조건은 [오프라인 / 내일배움카드 지원 / 기술 스택 / 시간대 / 지역..