Dev Note

Chapter 06은 드디어 자바스크립트를 다룬다. 솔직히 css 너무 어려웠다 ㅠㅠ 물론 js도 너무 어렵다 ㅜㅜㅜㅜ Javascript 란? 간단하게 설명하자면 웹페이지에 생동감을 넣어주기 위해 만들어진 언어이다. 다양한 이벤트 (ex. 마우스 클릭) 로 어떠한 동작을 하도록 할 수 있다. html 파일에서 자바스크립트를 사용하는 방법은 크게 두 가지이다. 1. HTML 파일 내부에 자바스크립트 연결하기 이렇게 위의 비슷하게 img 태그에 onmouseover, onmouseout 속성을 적용하여 hover를 구현할 수 있다. 같은 요소에 이벤트 한꺼번에 연결하기 html item1 item2 item3 item4 js const list = document.querySelectorAll(".list..

유효성 검사는 보통 JS로 쓴다. [ html ] 아이디 패스워드 패스워드 확인 email [ javascript ] (form 에서 묶여있는 name이 지니고 있는 속성들을 가쟈온다..) 여기서 this는 내가 입력받은 값을 지칭하는 것. (Form 에서,,,) this 키워드 객체 자신을 가리키는 자바스크립트 키워드이다. DOM 객체에서 객체 자신을 가리키는 용도로 사용 DOM 객체 배열들을 변수로 선언해서 검사했다.

오늘은 심심해서 무엇을 해볼까 하다가 테트리스 게임 만들기를 해보려고 한다. 물론,,, 다른 분의 블로그를 보면서 만들어볼 것이다.! https://ui.toast.com/weekly-pick/ko_20191216 모던 자바스크립트로 테트리스 만들기 오늘은 고전 게임인 테트리스로 게임 개발 여행을 해보려고 한다. 그래픽, 게임 루프 및 충돌 감지 등을 다루고, 마지막에는 점수와 난이도가 완벽하게 작동하는 게임을 갖게 될 것이다. ui.toast.com 참고한 블로그 블로그를 보면서 만들 때 조금씩 다른 점을 여기에 적어보려고 한다. 파일은 이렇게 형성했다. 참고로 css 랑 js 연결하려면 index.html에 링크로 연결해야한다.. 확실히 파일을 나눠서 관리하니까 관리하기 좋은 것 같다. DOCTYPE..