본문 바로가기

JavaScript

(39)
Javascript - 배열 array. 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입. 데이터들을 담는 그릇. 변수는 하나의 데이터를 저장할 수 있기 위한 것이고 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이다. ▶ 배열을 만드는 방법 var bbi = ['hyeon', 'ming', 'jeong'] 대괄호 속에 넣는다. hyeon, ming, jeong 이라는 연관된 데이터들을 하나의 그릇에 넣고, 그 그릇을 다시 bbi 라는 변수에 저장시켰다. bbi 를 alert 로 불러오면, hyeon, ming, jeong 이렇게 반점으로 구분되어 불려 온다. hyeon, ming, jeong 은 bbi 의 원소이다. 순서대로 고유 번호, 식별자를 갖게 된다. 첫 번째 저장돼있는 hyeon 은 0, m..
Javascript - 함수 function. 코드의 재사용성을 높여준다. 하나의 로직을 재실행할 수 있도록 함. function 함수명 ( [인자...,[인자]) { 코드 return 반환값 } ex) function Eun () { document.write('Eunluck'); } Eun(); 함수 Eun 을 정의하고, Eun 을 실행했다. 결과 : 웹페이지에 Eunluck 이 출력됨. Eun(); 에서, () 를 쓰지 않으면 자바스크립트는 함수가 아닌 변수로 인식함. *재사용성이 중요★ document.write('은행운') 으로 바꾸면, Eun(); 가 쓰인 모든 곳에서 Eunluck 이 은행운 으로 모두 바뀜 : 편리 *반복문과의 차이점 함수는 200번째 줄, 300000번째 줄, 등 언제든 여러 곳에서 사용이 가능하지만..
Javascript - 반복문 반복문(while, for) 자바스크립트 2019-10-28 20:44:45 검색어: loop, iterate. ~하는 동안 반복적으로 작업을 할 것이다. ▶ while while ( 조건 ) { 반복해서 실행할 코드. } ( 조건 ) 안에는 if 와 똑같이 Boolean 이 와야 한다. Boolean 중 true가 조건에 온다면, true 가 false 가 될 때까지 코드를 반복하게 된다. 따라서 종료 조건을 제대로 작성해야 한다. * 자바스크립트를 이용해 텍스트 출력 방법. ex) while 뒤의 조건이 변함없이 true 이기 때문에 끝없이 Eunluck 이 작성된다. 삐임 변수 i 를 만들고, i 의 값을 반복문이 한 번 실행될 때마다, 1씩 증가시켰다. i 값이 10이 되는 순간 멈춤. 0~9 까..
Javascript - 조건문 조건문 자바스크립트 2019-10-28 19:37:31 conditional statement. 'if' 로 시작한다. if ( 블린 ) { } ▶ else if 의 조건이 거짓일때 실행할 구간을 정의한다. if ( true ) { alert (1); } else { alert (2); } └ 1만 표시된다. if ( false ) { alert (1); } else { alert (2); } └ 2만 표시된다. ▶ else if 여러 선택지가 필요할 때에 사용. if 나, else 와는 다르게 여러개가 올 수 있다. else if 의 모든 조건이 false 라면 else 가 실행된다. else 는 생략가능하다. if ( false ) { alert (1); } else if ( true ) { aler..
Javascript - 비교연산자 비교 자바스크립트 2019-10-28 16:50:18 조건문과 결합 시 아주아주 중요하다. 연산자는 작업을 지시하기 위한 기호로 ' a=1 ' 의 경우 "a" 는 변수, "1"은 값, "=" 는 대입 연산자, 이항 연산자라고 부름. -비교 연산자 좌항과 우항의 사이에서 서로 같은지, 어느 쪽이 큰지 판별해 주는 연산자이다. true, false 중 하나로 값을 갖게 된다. -> 블린(boolean) 이라고 부름. -동등 연산자(==) equal operator 좌항, 우항 비교 후 값이 같으면 'tru', 다르면 'false' 가 표시된다. alert(1==2); false -일치 연산자(===) strict equal operator 더 엄격하게 비교한 결과를 알려준다. 현지의 경우 아는 것이 없으니 ..
Javascript - 변수, 주석 변수, 주석 자바스크립트 2019-10-28 16:27:33 1. 변수 variable. 대명사와 비슷한 역할. 'var'로 시작하고 '변수를 선언하겠다'는 의미. var a = 1; a는 1이다. alert(a); 알림창에 1 표시. var a = 10; a는 10이다. alert(a); 알림창에 10 표시. ▶ 연산 var a = 1; alert(a+3); 결과: 4 ▶ 문자 var first = 'Eun'; alert(first + 'luck'); 결과: Eunluck first = '은' 첫 줄에 var first 를 썼기 때문에 var 를 안써도 변수 first 의 값이 바뀜. ▶ 여러개 var a = 'Eun' , b = 'luck'; var 를 맨 앞에 한 번만 사용했다. alert(a+b)..
Javascript - Number,String Number, String 자바스크립트 2019-10-28 15:50:25 alert(1); 1을 알림 창에 띄운다. 1. Number 정수=0,1,2,3,4,5 실수= 소숫점이 있는 수. ▶Math. 수에 관련된 연산을 해주는 카테고리. ex) Math.pow(3,2) = 3의 제곱 = 9 Math.round(?) = 반올림 Math.round(?) = 올림 Math.floor(?) = 내림 Math.sqrt(?) = 제곱근 Math.random() = 0~1사이의 랜덤 한 수 하나. 100*Math.random(); = 100이하의 랜덤 한 수 하나. Math.round(100*Math.random()); = 100이하 랜덤수의 반올림 값. 2. String ▶문자는 큰따옴표, 혹은 작은따옴표 사이에..