JavaScript

한줄 : //블록(n줄) : /\*\*/스크립트는 어디든 명시 가능. 단, 컴퓨터가 읽자마자 바로 실행하기 때문에(순간순간 실행함) 건드릴 요소보다는 밑에 명시되어야 한다. 즉시 실행하므로 script는 적용해야할 요소가 없으면 에러가 난다. 추천하는 자리는 body가

: 화면에 값을 표현해주는 것alert() : 팝업처럼 경고창 띄움원칙적으로는 window.alert(). 안써도 되는 이유는 window -> document -> console / html -> head -> body 순으로 찾아가는데 window가 제일 위에 위

: 컴퓨터가 받아들일 수 있는 자료의 형태문자 : string쌍따옴표나 따옴표로 감싸져 있는 자료콘솔창에 검정색으로 나옴숫자 : nubmer쌍따옴표나 따옴표로 감싸져 있지 않은 숫자형태의 자료콘솔창에 푸른색으로 나옴비교(논리) : boolean참(true), 거짓(fa

가상의 공간에 박스를 만들고 이름표 붙인다. 사용할 때는 이름으로 해당 박스를 불러서 그 안에 있는 값을 가져온다. 기본으로는 값을 가지고 있지 않다. (안에 있는 자료형을 따라간다. )지역변수 : 스코프({}괄호)안에서만 사용 가능한 변수전역변수 : 전체 지역에서 사

사칙연산 : +, -, \*, /, %(나머지, 반복되는 수를 뽑을 때 사용)비교(일치)연산 : 1대1 비교만 가능<, >, <=, >=javascript에서는 자료형이 달라도 어느정도는 알아서 변환해서 결과를 출력해준다. 하지만 권장하지는 않는다. cons

\\ (역슬러시)\\ 의 바로 다음 문자 하나는 일반 텍스트로 출력된다. document.write("입력하신 이름은 \\"홍길동\\"입니다.")물론 쌍따옴표 안에 따옴표를 넣어도 각각 다른 세트기 때문에 인식이 되나, 위와같이 escape word로 쓰는 것을 추천한

: 조건을 명시해 놓고, 조건이 참일때만 실행되는 코드. 중첩 가능.if : 조건식이 참일때만 실행될 코드단독 사용 가능else if : 위에 있는 if / else if문이 거짓일때만 실행자기가 참이면 실행 후 아래 코드 실행 안함.단독 사용 불가else : 조건식

: 같은 작업을 같은 자리에서 반복: 몇 바퀴 돌려야할 지 알 때 주로 사용for(초기식; 조건식; 증감식){ -> 선언부초기식 : for문이 최초로 동작할 때 한 번만 실행지역변수 같은 것.제일 빠름.for(변수 in 객체)객체(key-value 무조건 가지고 있어야

변수와 비슷하지만변수는 박스에 한 자료형 값 하나만 저장 가능하나배열은 다른 자료형 여러개 저장 가능.자료형 : object\[]로 구성되며 , 로 방을 구분한다. let arr = \["가나다", 10, true];방번호는 0번부터 시작개수 셀 때는 1개부터 시작방

javascript에서 제일 중요!같은 작업을 필요할 때마다 불러서 한 번 사용(값을 변경하면서 같은 작업 - 매개변수)전역변수를 직접 가져다 쓰면 함수의 독립성이 깨짐. 그래서 가급적이면 변수를 보내서 그 값으로 함수를 실행하는 것이 좋다. 한가지 일만 실행하게 하는

자바와는 별개의 언어이다. HTML 구조에 상관없이 (한번에 하나씩)요소를 선택할수 있다.모든 요소를 버튼화 시킬수 있다. - onclickcss 적용시 인라인 방식으로 적용된다.끝날때마다 ; 자바스크립트가 버전 업그레이드 되면서 새로운 기능들이 추가가 되겠지만 이전

자바스크립트의 장점 중 하나인 '모든 요소를 버튼화' 시킴요소에 onclick 속성을 달아준다. onclick은 html 요소이지만 쌍따옴표안의 영역은 javascript이다. function을 써서 행위를 하게 하면 됨.

특정 문자열에서 필요한 위치에 있는 문자(열)을 구한다.특정 위치부터 잘라낼수도 있다.특정 문자를 다른 문자로 치환0번째 부터 시작글자수 세기 : .lengthindexOf : (앞에서부터) 첫번째 특정 문자의 인덱스번호 찾기lastIndexOf : (앞에서부터) 마지

이벤트 이벤트 마우스가 클릭/오버/이동 키보드가 눌리거나 떼지는 것 하나의 요소에 여러개의 이벤트를 적용할 수 있다. 이벤트 주는 방법 인라인 방식 HTML 태그에 요소(라인) 안에 속성처럼 on붙여서 명시 ex) onclick, onmo

추천하는 쓰임새 : js로 mouseenter/leave 쓸 때 hover과 다르게 마우스를 떼도 적용한 것이 풀리지 않는다. 그래서 enter -> 클래스 추가 / leave -> 클래스 삭제 로 진행하면 좋다. 요소.className특정 요소의 클래스 값을 문자형태

클래스 이용해서 만든 것key: value 형태로 이뤄져있다. 객체 안에는 변수, 배열, 함수, 객체 등을 다 넣을 수 있다. {} 괄호 사용로컬시간을 나타낸다. 자료형 : 숫자형let dt = new Date();dt.getFullYear();getFullYear()

createElement : 요소(태그)를 만드는 메서드(함수)createTextNode : 글자를 만드는(취급하는) 메서드ex) 속성 : style, class, id 등요소를 생성하고 난 후에 속성을 적용할 수 있다. 속성 설정 : setAttribute('속성명'

일정 시간마다 한번씩 동작별도로 멈출때까지 무한 동작화살표함수익명함수시간 : 밀리초(1000이 1초)setInterval을 onclick메서드에 넣어놓고 버튼을 계속 누르면 setInterval이 덮어씌워지는 것이 아니라 별도로 계속 생긴다. 이게 싫으면 멈춤코드를 위

하드에 파일로 저장되기 때문에 컴퓨터나 브라우저가 꺼졌다 다시 켜져도 값을 유지할 수 있다. name : 쿠키 이름 설정value : 쿠키 실제값값은 보통 true를 넣음. false는 안씀. 유효기간이 지나면 쿠키자체가 지워지니까.expires : 쿠키 유효기간dom

빽틱 \`\` 사용하기javascript에서만 사용 가능안에 ${변수명} 이렇게 사용 가능. -> 문자영역으로 보지 않음.안에 쌍따옴표도 사용 가능하다안에 바로 html코드도 사용 가능하다. (편함!)

Json 이란 Rest API 와 Ajax 를 사용하기 위해서 json(Java String Object Notation) 이란 자바스크립트 객체 표기법이 필요하다. XML 대신에 간단한 자바스크립트 객체 표기법을 쓰자 라고 해서 만들어짐. json 방식: {속성명1: