어제부터 수강하게 되어, 하루하루 공부했던 내용을 정리해서 올릴 예정입니다.const는 constant(상수)라는 것이고, constant는 값이 바뀔 수 없다는 것이다.const로 variable을 만들었다면, 절대 값을 업데이트 할 수 없다.let은 값을 업데이트
사용자가 로그인 했는가? true or falsenull은 변수에 아무것도 없다는 것을 뜻한다. 비어있다기보단, 아무것도 없는 상태이다.false는 false라는 값이 존재한다는 것이다.true, false, null 모두 타입이다.variable를 만들었지만 값을
먼저, Object를 만드는 게 아닌 일반적인 입력 방식으로 했을 때는,이렇게 작성을 하죠? 하지만 이 것은, 보는 것과 정리하는 것이 좋지 않아보이기 때문에 다음은 array로 작성을 해보겠습니다.이 경우에는 array가 적합하지 않습니다.그 이유는 각각의 항목이 무
여기 안에 작성하는 것이, SayHello를 실행할 때마다 실행되는 것입니다.실행하는 방법은,SayHello();를 입력하여 실행해주면 끝!Hello!가 잘 출력되군요. 이건 똑같은 것을 계속 실행하고 있지만, 이를 다른 값들로도 바꿀 수도 있습니다. 천천히 그거 알아
예를 들어 나이를 입력 받고, 그 나이를 한국 나이로 계산하는 것을 해보겠습니다.function 안에서 무언가를 return하면, 누군가가 function을 실행할 때 이것을 대체합니다.결과를 보면, age에서 받은 값에 +2가 되어 42를 출력하는 것을 확인해 볼 수
오랜만에 올리는 벨로그..건강 조심하시고.. 저도 또한 그래야겠습니다..그런데 실제적인 계산은 그 값을 바로 얻을 수가 없습니다. 잘 작동하는 것처럼 보이지만 정의가 되지 않은 것으로 나오죠..console에는 보일지 몰라도..hello는 출력 되지만 return후의
사용하는 법은 이렇습니다!이 방법을 if문을 사용해서 응용해보겠습니다.사용자가 만약 number를 입력하지 않으면 어떻게 될까요?number가 아닌 string을 text에 입력하였을 때는 코드에 적었던 것처럼 number를 입력해달라고 나오게 됩니다.이번에는 else
else if는 else에 if를 더한 것입니다. 즉, 이 if가 false일 때 한가지 condition을 추가해줍니다.if문이 true이면 console.log("Plase write a number");가 실행되고, 이 condition(age < 18)이
(저번 시간에 이어서)한 개의 = 는 value를 할당하는 것이다.age === 100 는 age가 100이라면? 을 확인하는 것이다.age !== 100 은 age가 100이 아니라면? 이라는 것이다.콘솔에 document를 입력하면 내가 작성한 HTML을 가져올 수
보다시피 javascript로 id="title"을 가진 h1 태그를 가져왔습니다.이것을 콘솔에서 하지말고 js파일에서 해봅시다.이렇게 js에서 하면 동일하게 나옵니다.앞으로 우리가 사용할 수 있는 많은 것들이 뜹니다.이 모든 것들은 HTML에 포함되어 있는 것이죠.코
className 사용하기이것은 우리의 코드 내에 어떤 값이 null이라는 뜻입니다.아무것도 없는 것(null)의 innerText를 접근하려고 한 것입니다. 이 title이 null이라는 말이죠.이 null variable의 innerText property는 변경할
CSS color를 바꾸기h1의 style을 javascript에서 변경할 수 있습니다.event : 예를 들어, 사용자가 click을 하면 그게 event입니다. h1 위로 마우스가 올라가도 event입니다. eventListener은 말 그대로 event를 list
마우스가 title 위에 올라갈 때, click은 하지 않고 그냥 위에 위치할 때의 event.JavaScript가 두 event를 listen하고 있습니다.하나는 click이고, 하나는 onmouse입니다.이번에는 onmouse를 onmouseleave로 바꿔보도록
title.addEventListener()을 해주고, click을 넘겨주는 것, 하지만 이걸 title.onClick() 이런식으로 바꿀 수 있습니다.addEventListener을 더 선호하는 이유는, 나중에 removeEventListener를 통해서 event
참고하실 사이트를 이제 올려드리네요!!위 사이트에는 많은 event들을 찾아볼 수 있고, 많은 정보를 제공하고 있습니다.event listener들을 지우겠습니다.이제는 handle TitleClick function에 초점을 맞출 것이기 때문이죠이 말은 무언가가 tr
style 작업에 적합한 도구는 CSS이다.animation에 적합한 도구가 JavaScript이고,css에 h1의 기본색을 파란색으로 해줍니다.active는 색을 토마토로 설정해줍니다.결과는 어제와 동일하게 잘 작동되는 것을 확인해볼 수 있습니다.
className을 바꾸는 다른 방법, 그 방법은 classList를 사용하는 방법이다.참고 사이트https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList 이제 여기서 우리는 classList가 clicke