본문 바로가기

728x90

javaScript

(4)
JavaScript 테트리스 만들기 - 4 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이 son33.tistory.com 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 2 JavaScript 테트리스 만들기 - 2 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하..
JavaScript 테트리스 만들기 - 3 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이 son33.tistory.com 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 2 JavaScript 테트리스 만들기 - 2 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 ㄴ 1에 이어서 2편으로 블록을 생성하고 시간이 지나면 블록이 아래로 내려오도록 만들어보았다. 1..
JavaScript 테트리스 만들기 - 2 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이 son33.tistory.com ㄴ 1에 이어서 2편으로 블록을 생성하고 시간이 지나면 블록이 아래로 내려오도록 만들어보았다. 1. 게임시작 // 게임시작 function play() { createBlock(); setInterval(downBlock, 1000); } 1) createBlock() 먼저 시작버튼을 누르면 블록을 생성해 게임이 시작되도록 ..
JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이트, 라이브러리 이용 시 다소 느려지는 로딩시간 등의 이유로 실제로 프런트엔드 개발에 필수였던 jQuery의 사용량은 급감 중이고(물론 React, vue.js 등의 프레임워크 등장의 영향도 있음) 개발 구인 시 필요 기술에서도 jQuery는 점점 빠지는 추세다. 그.래.서 javaScript의 능력을 키움과 동시에 뽐내기 위해 순수 JS만을 이용한 테트리스 만들기를 해보려 한다. 1. 기본세팅 테 트 리 스 게임시작 LEVEL : 0 SCORE : 0 모든 작업은 vs code에서 진행했고..

728x90