728x90 es638 class로 만들어보는 간단한 2D 게임 2 (collision detection) 보호되어 있는 글 입니다. 2025. 6. 6. ?. / ?? 연산자 (optional chaining) 2020년인가 21년 부터 사용가능해진 ?. / ?? 문법에 대해 알아봅시다. 멋있는 말로 optional chaining / nullish coalescing operator 라고 합니다. 한 변수에 여러가지 자료들을한꺼번에 쑤셔박아 저장하고 싶은 경우,저렇게 중괄호를 연 다음에 저기다가여러가지 자료들을 집어넣으면 된다.근데 이런 식으로 말고자료마다 왼쪽에 이름(키)를 집어넣어줘야한다.이런 식으로 오브젝트 자료를 만들어주면 됨.오브젝트 자료 안에있는 데이터 갖다 쓰려면 . 찍고 사용 가능- kim 이 남게 될 듯신 문법으로 . 대신에 쓰는 ?. 이 생김. 저렇게 써도 . 이랑 똑같은 기능을 하게 됨.만약 왼쪽에 있는 자료가 텅 비었을 경우, 오른쪽에 있는 .age 를 해주지 않는다. - 조건부로 . .. 2025. 6. 5. class로 만들어보는 간단한 2D 게임 2 (collision detection) 역시 자바스크립트 문법 많이 안다고 개발 잘하는게 아닙니다.문법은 if, var, array, object 여기까지만 알아도 뭐든 개발할 수 있습니다.핵심 문법 외의 나머지 class, function, for 이런건 코드 양을 줄이기 위한 선택사항일 뿐입니다. 물론 브라우저 안에서 기능개발을 할거면 canvas, requestAnimationFrame 등 브라우저 기본 기능들도 많이 알면 됩니다. 물론 지금한 것 말고도Q. 점프 여러번 금지?Q. 공룡이 달리는 것처럼 보이게?Q. 배경 다가오는건?Q. 장애물이 나타나는 간격을 랜덤하게?Q. 점수표기는?Q. 시간 지날 때 점수도 오르는 기능은? 많은 것들을 추가할 수 있겠군요어떻게 만들지 모르겠다면 그건 ES6 문법이 부족한게 아니라자바스크립트 기초강.. 2025. 6. 5. Web Components : 커스텀 HTML 태그 만들기 보호되어 있는 글 입니다. 2025. 1. 19. 매우 짧게 알아보는 Map, Set 자료형 보호되어 있는 글 입니다. 2025. 1. 18. Promise 어려워서 싫으면 async/await을사용합시다 보호되어 있는 글 입니다. 2025. 1. 16. 이전 1 2 3 4 ··· 7 다음 728x90
