자바스크립트 제어문 자바스크립트 제어문 조건문(if, if~else, switch~case) 조건에따라 다음문장을 선택적으로 실행한다. 반복문(for, while, do~while) 동일한 명령을 여러번 처리하거나 특정 연산을 반복적으로 처리한다 보조제어문(contune, break) 조건문을 만나면 건너뛰거나 반복수행을 종료한다. 반복문내에서 사용한다. 조건문 if문 if~else문 // M 자리에는 M외에 다른 문자들은 모두 여자로 출력된다. 아래는 if~else문을 이용해 다른 html파일을 를 불러오는 예제이다. 아이디, 비밀번호 입력 id = prompt("아이디입력"); if (id == "admin") { password = prompt("비밀번호입력"); if (password === "1..

연산자 (특정값을 조회하여 변환액션을 만드는 것) 피연산자에게 연산 명령을 내리기위해 사용하는 기호 연산자의 종류 : 문자열연산자, 산술연산자, 비교연산자, 논리연산자, 조건연산자, 대입연산자 [간략설명] 문자열연산자: + 하면 문자끼리붙여서 출력한다 산수연산자 : ++은 1씩늘어간다는 의미이다. 조건연산자 : 특정조건에따라, 참/거짓이 나온다. 대입연산자 : += 은 기존값에 어떤값을+한다(아래예시참고) ** =거듭제곱 /는 그냥 나누기(5 / 2 == 2.5)고.. %는 나머지(5 % 2 == 1)이다. % 나머지 값은 자주사용된다. 사용 예) 홀수: X%2 = 1 짝수: Y%2 = 0 어떤값이 들어와도 5를 넘기면 안돼 X % 5 = 0~4사이의 값만 반환 ​ 증감연산자는 증가연산자(++) / 감소..

1. 자바스크립트의 역할 : AJAX : 서버와 통신하는 기술 덩어리를 만들어서 넣었다 뺐다 하는 방식이다. => 객체지향 ​ 자바스크립트는 DOM을 제어한다. ​ DOM: 브라우저 객체모델(BOM)중 하나이며, XML HTML 문서에 접근하기 위한 인터페이스이다. 넓은 의미로 웹 브라우저가 HTML페이지를 인식 하는 방식. DOM은 트리형식의 자료구조이다. 트리의 최상단 root에 html이 위치하며 하위노드에 head ,body가 위치하고 있으며 그 하위에 여러노드들이 포함 되어있다. DOM이 없다면 웹페이지 또는 XML페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 가지지 못한다. DOM이란 무엇인가? 웹브라우저는 "HTML해석 -> 렌더링 (화면에출력)"​ 하는 과정을 거친다. HTML해..

값으로서의 함수와 콜백(1) 함수의 용도 1 함수 = 값 예) var a = "value" - value라는 것이 값이고, a 변수 JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 다음 예제를 통해서 그 의미를 알아보자. function a(){} // var a = function(){} 과 같다. 값으로서의 함수는 단지 변수에만 담길 수만 있는것이 아니다. 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다. a = { b:func..

유효범위(1) 전역변수와 지역변수 유효범위(Scope)는 변수의 수명을 의미한다. var vscope = 'global'; function fscope(){ alert(vscope); } fscope(); //아래 코드에서 var vscope = 'local';를 뺀 코드 //결과는 global 이다. //vscope이 바깥쪽에 있기 때문에 global이 경고창에 뜨게된다. ↑ fscope는 함수바깥에 선언되어있는 vscope에 접근 할 수있다. var vscope = 'global'; function fscope(){ var vscope = 'local'; alert(vscope); } fscope(); //결과는 local 이다. //같은 함수안에 있는 vscope를 출력. ↑ alert(vscope..

정규표현식 정규표현식: regular expression 문자열에서 특정한 문자를 찾아내는 도구 [주요한작업들: 추출>test>(다른정보로)치환] 정규표현식은 수많은 언어에서 사용되어있고, 여기 정리한 내용은 자바스크립트 안에서의 정규표현식이다. ​ 정규표현식 두가지의 방식 1.컴파일 : 패턴을 찾는 것 2.실행 : 우리가 찾은 패턴(대상) 어떠한 작업을 하는 것 컴파일 정규표현식 리터럴 *var str ="a" - 문자열을 변수에 담을때 "" 사이의 a가 문자열이다 정규표현식리터럴 : var pattern = /a/; 변수의 이름 pattern , //사이의 a가 찾고자하는 문자이다 ​ 정규표현식 객체 생성자 var pattern = new RegExp('a'); RegExp = regular expr..

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; for(var name in grades) { document.write("key : "+name+" value : "+grades[name]+" "); } 함수 함수 = function 하나의 로직을 재실행 할 수 있도록, 코드의 재사용성을 높여줌 ​ function함수명([인자...[,인자]]) {코드 return 반환값 } i = i + 1 i++ i += 1 모두 동일함. 함수의 효용 함수 : 재사용성 / 유지보수의 용이 / 가독성 반복문은 기계적으로 그자리에서 반복할때만 사용 함수는 여러가지 자리에서 불러서 반복할때 사용 i = i + 1 i++ i += 1 모두 동일함. 함수의 효용 함수 : ..

JavaScript 웹서버 ↔ 웹브라우저 ​ 웹 페이지 파이어폭스, 구글 크롬, 오페라, MS 익스플로러나 엣지, 애플의 사파리 같은 웹 브라우저에서 보여지는 문서이다. 이런 것들을 단순히 "페이지"라고 하기도 한다. 웹사이트 다양한 방식으로 그룹으로 묶이거나 연결된 웹 페이지들의 모음이다. 보통 "웹사이트"나 단순히 "사이트"라고 한다. 웹 서버 인터넷에 웹사이트를 호스팅하는 컴퓨터이다. 검색 엔진 구글, 빙, 야후 같은 다른 웹 페이지들을 찾게 도와주는 웹사이트이다. 소프트웨어 컴퓨터 프로그램 및 그와 관련된 문서들을 통틀어 이르는 말. 컴퓨터를 관리하는 시스템 프로그램과, 문제 해결에 이용되는 다양한 형태의 응용 프로그램으로 나눈다. ​ Node.js = 웹서버를 동작하기 위한 도구 (PHP,JAV..