ruriruriya

자바스크립트에서 변수를 선언할 때 쓰이는 키워드로는 const와 let이 있다. 기존에 var라는 키워드가 있었지만 var는 언제 어디서나 업데이트할 수 있었기 때문에 그것보다 업그레이드 되어서 ES6에서 도입되었다. 차이점은 const는 상수이고, 값이 바뀔 수 없다. let은 새로운 것을 생성할 때 사용하는 것이고 그 후에는 let 키워드를 쓰지 않고 처음 생성했던 변수명을 사용하여 값을 바꿀 수 있다. 보통 const를 기본적으로 사용하고 변수를 업데이트 하고 싶을 때는 let 키워드를 사용한다. 결론적으로 강력권장하는 규칙은, 기본적으로 const를 쓰고 필요할 때만 let을 쓰되, var는 쓰지 말 것을 강조한다. [예시] //상수 바뀌지 않은 값 계속 유지 const a = 5; const b..

HTML 태그를 선택해서 스타일 적용으로 버튼 클릭 시 블랙모드/화이트모드를 만들어보자. 기본 구조를 만들어서 button 속성의 input 태그를 작성하고 버튼을 클릭 시 검은색 배경 흰 글씨인 블랙모드와 흰 배경과 검은 글씨 화이트 모드를 자바스크립트로 작성한다. WEB1 > HTML CSS JavaScript JavaScript Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambl..

onclick 속성 값으로는 반드시 자바스크립트가 들어가야 한다. 웹브라우저가 기억하고 있다가 onclick 속성의 태그를 사용자가 클릭했을 때 자바스크립트 문법에 따라 웹브라우저가 동작한다. 이러한 것을 이벤트라고 한다. HTML 속성 JavaScript 이벤트 웹브라우저에서 일어날 수 있는 이벤트 종류에는 대표적으로 클릭 시, 글씨 입력 시 등이 있다. 10개에서 20개 정도 되는 이벤트들을 정의하고 있다. 그 이벤트를 이용하여 사용자와 상호작용하는 웹페이지, 웹사이트를 만들 수 있다. onclick: 요소를 클릭할 때 발생 onmouseover: 요소 위로 마우스를 움직일 때 발생 onmouseout: 요소에서 마우스를 움직일 때 발생 onkeydown: 키보드의 키를 누를 때 발생 onkeyup:..

script 태그는 html의 body 안에서 동작한다. 그냥 html과 script 태그는 정적인 작업 동적인 작업으로 구분해서 볼 수 있다. 아래 코드를 보면 좀더 쉽게 이해할 수 있다. ex1.html 파일을 생성해서 아래 코드에서 body 태그 안에서 1+1과 script 태그에서 1+1을 함께 작동 시켜보았다. JavaScript html 1+1 결과는 script 태그 내에서 자바스크립트로 작성한 1+1은 연산이 되었지만 html 태그인 body 태그에서는 1+1 문자열로 그대로 나온다. 이 부분에서 JavaSctipt는 동적인 역할을 하고 HTML은 정적인 역할을 하는 것을 확인할 수 있다.