HTML 4.x 버전의 경우, type 속성을 명시해줘야 한다.HTML5에서는 명시하지 않아도 괜찮도록 변경되었고, HTML5에서는 async 속성이 새롭게 추가되었다.ex)결과물별도의 외부 파일로 자바스크립트를 추가 가능하다.ex)js 파일 속 alert는 경고창을
자바스크립트는 웹사이트 검사 중 console 칸에서 나타나진다.자바스크립트는 숫자와 문자를 알아듣는다.숫자는 그냥 다른건 필요없이 숫자만 적어넣어도 된다. ex) 2문자(string)는 ""가 필요하다. ''도 된다. ex) "hi" or 'hi' or "2"cons
앞에서 알고있던 데이터 타입을 다시 생각해봅시다.숫자는 그냥 숫자만 적어준다.ex)const a = 3;문자는 기입할 문자에 "" 혹은 ''를 함께 적어준다.ex)const myName = "Hye Ryeong"; 혹은const myName = 'Hye Ryeong';
array가 없는 경우에는이렇게 string을 합친 문자가 될 뿐이다.이 코드를 string이 아닌 array로 바꾸려면 + 대신 ,를 쓰고 \[]로 그룹화 해주면 된다.이렇게!console 창에서 (7)은 array에 7개의 요소가 있다는 말이다.이런 식으로 각각의
property를 가진 data를 저장할 수 있게 해줌.array는 하나의 의미를 가진 list를 나열 한 것이라 각 값의 의미를 지정하지 않아도 된다.그럼 각각의 의미를 지닌 것은 어떻게 나타낼까??object를 만들어 내는 것은 의미가 다른 각각의 variable를
계속 반복해서 쓸 수 있는 코드 조각이라고 생각하면 된다.
return 명령문에 도달하면 함수의 실행은 그 지점에서 중단되고, 값을 제공한 경우는 함수를 호출한 곳에 그 값을 반환한다. 이때 값을 명시하지 않으면 undefined를 반환합니다.위 코드는 모두 함수 실행을 중단해준다.return;만 적혀있는 것은 위 코드처럼 사
true인지 false인지 알려주기 때문에 아주 중요하다.
document object는 html 코드를 javascript 관점에서 보여준다.그 뿐만 아니라 html 코드 변경도 가능하다.이렇게 html에 있는 태그를 가져다가 쓸 수 있다.console 창에서 변경도 가능하다.(물론 새로고침 시에는 다시 돌아간다.)
클릭, hover, 무엇을 적기, enter를 누르는 것, 무엇을 입력하는 것, wifi에서 접속이 끊어졌을 때 등등이 다 event이다.
h1 tag를 여러번 클릭 시 파란색 빨간색으로 번갈아가게 나타나도록 하는 click event를 만들어본다.if와 else를 사용하여 === 기호로 해당 색 확인을 해준뒤 blue면 red로 click event가 나타나게 한다.=은 같다는 뜻 즉 바꿔달라는 뜻이다.
바로 전 게시글과 이어집니다.className은 HTML 상에서 해당 개체의 class가 존재한다고 해도 아예 바꿔버린다.class들의 목록으로 작업이 가능하게 해준다.classList.contains() 는 () 속에 명시된 class가 HTML 요소의 class에
브라우저에 뭔가를 저장할 수 있게 해준다.따라서 저장한 값을 나중에 가져다 쓸 수 있다.ex) 유튜브 볼륨을 내리거나 올리고 새로고침 시 그대로!로그인 후 새로고침 시 입력했던 값이 그대로 남아있는 상태!
매번 일어나야 하는 어떠한 것을 의미한다.위 코드는 5초마다 Hello라는 글씨가 console 창에 뜨게된다.interval을 셋팅해주는 것!
랜덤으로 요소를 나타내고 싶을 때 사용한다.10가지의 명언 목록이 있다면, 0번째 부터 9번째까지 랜덤으로 나타나게 해줄 function이 필요하다.해당 요소를 랜덤으로 나타나게 해줄 수 있는 module이다.math의 function 중 하나인데, 0부터 1 사이 랜
둘 다 js 상에서 부모와 자식 관계를 만들어주는 요소이다.요소(tag)를 생성해줄 때 사용한다.여러개의 자식 형성이 가능하다.string도 자식으로 만들어줄 수 있다.
function을 실행하게 해주는데, 그 array에 있는 각각의 item을 실행하게 해준다.하지만 array의 각 item에 1개의 function만 실행하게 해준다.
User의 위치를 알려준다.
html tag인 canvas와 JS를 사용하여 그래픽을 그려내기 위한 수단을 제공해준다.