JavaScript

full number(정수).소수점이 있는 실수.위 interger과 float는 모두 숫자이지만 엄연히 다른 타입이다.자바스크립트는 아래와 같이 +를 통해 숫자 계산이 가능하다.처음부터 끝까지 모두 글자로 이루어져있다.위와 같은 숫자, 문자에 관한건 실생활에서 사용하

log란 () 안에 들어가 있는 값을 콘솔에 출력하고 있다는 것을 의미한다.위와 같은 코드는 콘솔에 log 또는 print하는 일을 한다.string은 큰따옴표, 작은따옴표 모두 가능하고 시작과 끝의 따옴표가 같아야한다.아래와 같은 사칙연산을 하려고 한다.그러나 num

1. const와 let의 차이점 const는 constant(상수)라는 것이라고, 값이 바뀔 수 없다. 마지막줄 myName 앞에 let을 쓸 필요 없는데, 그 이유는 let은 새로운 것을 생성할 때 사용하는 것이다. 세번째줄에서 이미 let을 사용하여 myName

true or false그 변수에 아무것도 없다.false와 다르다. false는 값이 존재하는 것이다.null은 값이 존재하지만 값에 아무것도 없다는 것.말 그대로 아무것도 없는 상태로 채워져 있다.위와 같이 something이라는 variable을 만들었지만 값을

array는 가장 기초적이고, 필수적인 데이터 구조이다.값을 리스트로 정리하는 것.일주일의 요일을 만들고 싶다.위와 같은 코드는 너무 길고 복잡하다.무언가를 나열하기 위한 좋은 방법이 필요하다.그 때 사용하는 것이 바로 arrayarray는 위 코드처럼 콤마(,)로 바

array 대신 object를 사용해야 할 때가 있다.게임을 하나 만든다.우리가 이전에 배웠던 방식으로 코드를 작성해보았다.우리는 코딩을 할 때 데이터를 가능한 최선으로 정리하는 것을 목표로 해야 한다.위 코드는 간단하지만 각 값이 어떤 것을 의미하는지 알지 못한다.t

계속 반복해서 사용할 수 있는 코드 조각내가 다니는 학교 전교생의 이름이 적힌 코드를 구현하고 싶다.이 때 Function이 없다면?전교생이 1억 명이라면 1억 명의 이름을 노가다로 바꿔야 한다.각 이름만 바꾸고 싶을 때 어떻게 해야 할까?코드의 반복을 최소한으로 줄여

그 결과는krAge는 아직 정의되지 않았다. 이유는 return을 하지 않았기 때문이다.return을 입력해주어야 한다.계산기 안에서 값을 console로 보내는 것이 아니라 return을 통해 함수를 호출한 것에 다시 주어서 그거로 또 다른 함수를 호출하는데 쓴다.

conditional은 true와 flase를 알려주기 때문에 중요하다.뭔가를 확인해야 할 때 항상 사용하는 것.바로 if음주가 가능한 나이인지 측정하는 계산기를 만들어 보자.\*\*prompt -> 사용자에게 창을 띄울 수 있도록 한다.여기서 type이라는 걸 사용할

isNaN = boolean을 return(반환)한다.만약에 값에 15를 입력하면 아래 false가 나온다.이유는 15는 숫자가 맞고 isNaN은 '숫자가 아니다' 라는 말이기 때문에15가 숫자가 아니다라는 말이 틀렸기 때문에 false가 나온다.만약 문자를 입력하면나

음주가 가능한 나이 측정 계산기를 만들어 보자.종종 개발하면서 많은 조건문이 필요하다. 그 때 필요한건 if, else, 뿐만 아니라 else lf.esle와 if를 합친건데 if가 false일 때 하나 더 조건을 사용할 수 있게 해준다.위 코드에서 값에 99를 넣어보

document는 브라우저에 이미 존재하는 object이다.우리가 접근할 수 있는 HTML을 가리키는 존재이다.JavaScript는 HTML에 이미 연결되어 있다.HTML에서 여러 정보를 가져올 수 있고, JavaScript 코드에서 그 항목들을 볼 수 있다. 또한,

document의 함수 중에서 getElementById 함수는 HTML에서 id를 통해 element를 찾아준다.dir은 element를 더 자세하게 보여준다.위에서 한 일들은 HTML을 가지고 오는 것이고, 그걸 JavaScript에서 하고 있는 것이다.그리고 Ja

HTML에 정의된 id와 JavaScript에서 꼭 같아야 한다.다르면 의미가 없다. 필히 확인!그러나 보통 id를 사용하기보다 class나 classname을 사용한다.JavaScript를 통해 HTML을 가져올 수 있는 방법은 크게 세 가지가 있다.(1) getEl

가볍게 정리하자면js 파일이 존재하기 때문에 js 파일을 통해 HTML의 내용을 가져올 수 있다.document가 HTML이 js 파일을 load 하기 때문에 존재하고, 그 다음에 브라우저는 우리가 document에 접근할 수 있게 해준다.element의 내부를 보고싶

구글에 Mozilla Developer Network인 MDN에 검색해보기새로운 event를 생성해보자.MouseEnter는 마우스가 글자에 다가갔을 때 나타나는 코드Mouseleave는 마우스가 글자에 떠났을 때 나타나는 코드

그러나 addEventListener를 더 선호하는 이유는 나중에 removeEventLisener를 통해서 event listener를 제거할 수 있기 때문이다.resize는 창의 크기를 바꿀 때마다 구현되는 코드이다.여기서 body가 중요하다. document 밑으

위의 코드는 한 번 클릭했을 때 파란색이 되는 코드이다.만약 다시 한 번 더 클릭했을 때 주황색이 되고, 만약 또 다시 한 번 클릭했을 때 파란색이 되는 코드를 구현하려면 어떻게 해야 될까?코드가 너무 복잡하니 h1.style.color의 코드를 간단하게 해본다.위 코

\*\* html 파일에 필히 css파일이 소속 되어 있어야 함.js파일에 스타일 속성을 입력하기도 하지만css 파일에 입력하는 것이 훨씬 깔끔하다.active라는 class를 지정해주면 어떤 element, h1, span 등 tomato의 색깔을 가지게 될 것이다.

class들의 목록으로 작업할 수 있게 허용해준다.className은 이전의 class들을 상관하지 않고 모든걸 교체해버린다.그러나 classList는 조금 다르다.classList에는 여러 가지 function들이 있다.예를 들어, contains! 우리가 명시한 c

HTML에서js에서여기서 querySelector()로 찾게 되면 괄호 안에 그리고 이 후 할 일은 input이랑 button을 끌어오는 것이다.첫 번째 방법위 방법은 HTML의 body의 element를 JS로 끌고 와서 Input과 button을 찾는 것이다.근데

1. username의 유효성 검사하기 이전 글을 보고 이 글을 읽기 바란다. username이 비어 있어도 안 되고, 너무 긴 username이어도 안 된다.

이전 글을 보고 오자.HTML에 링크를 추가해준다.<a href = "https://www.naver.com">Go to naver</a>JS는 우리가 기본 동작을 막는 것을 허용한다.이전에서 form의 기본 동작은 submit이라는 것을 배웠다.

1. form 없애기 첫 번째 방법 HTML 요소 자체를 없애야 한다. 두 번째 방법 css를 이용해서 숨긴다. 어떤 요소에게든 이라는 classname을 주면 그 요소를 숨기게 해준다. 물론, 유저가 이름을 submit 한 뒤에만. 유저가 이름을 form을 통

1. value 저장하기 > localStorage는 우리가 브라우저에 무언가를 저장할 수 있게 해주고, 나중에 가져다 쓸 수 있게 해준다. setItem이란 localStorage에 정보를 저장할 수 있다. 이 코드를 실행하면 DB에 'Key' 'Value'에 새로

1. 시계 생성하기 오늘은 시계를 만들어 보자. HTML 파일에 아래 코드를 작성한다. js 파일에 clock을 불러온다. 2. interval > interval은 '매번' 일어나야 하는 무언가를 말한다. (예로 매 2초) 서버에서 몇 초에 한 번 확인할 수

1. padstart

1. quote 랜덤하게 명언들이 나오는 형태를 연출해주자. js 파일에 아래 명언들을 입력해준다. 위 명언들을 array로 묶는다. 명언들 사이사이에는 콤마(,)를 붙여주어야 한다. html에는 아래와 같이 입력해준다. 이제 quotes.js에서 div랑 spa

이 전에 했던 것과 유사하게 이번엔 사진을 배경으로 랜덤하게 넣는 방법에 대해 이야기해본다.imag 파일에 3장의 사진을 넣었다고 가정 해본다. background.js파일에처음 사진의 이름과 js 파일에 넣을 때 이름을 똑같이 해야 한다.이미지를 랜덤하게 가져오는 방

HTMLJS