js25 [자바스크립트] 연산자 [산술연산자] : 수적 계산을 위해 사용하는 연산자1) + : 덧셈2) - : 뺄셈3) * : 곱셈4) / : 나눗셈5) % : 전항을 후항으로 나눴을 때 나머지 출력6) ++ : 점차 증가7) -- : 점차 감소 알아둬야할 점) 문자열 + 정수 를 할 경우 자료형은 문자열(String type), 값은 원래 "문자열정수"로 출력됨 [대입연산자] : 변수에 연산 후 대입을 하기위해 사용하는 연산자 1) = : 일반 대입2) += : 덧셈 후 대입3) -= : 뺄셈 후 대입4) *= : 곱셈 후 대입5) /= : 나눗셈 후 대입6) %= : 나눗셈 후 나머지 대입알아둬야할 점) 산술연산자와 마찬가지로 문자열 연산을 하면 같은 결과가 나옴(콘솔이미지) [비교연산자] : 값과 값을 비교할 때 사용하는 연산자,.. 2017. 3. 8. [자바스크립트] 자료형과 변수 [기본 자료형(primitive type)]1) Boolean : true / false 논리 요소를 나타냄, 숫자 1은 true, 숫자 0, 빈문자열, null, undefined는 false를 뜻함 2) null : 의도적으로 값을 제거하는 것, 변수에 참조 정보(값을 참조할 메모리 주소값)가 없음을 명시할 때 사용함 주의해야할 점 : null이 주어진 변수를 typeof()(변수의 자료형을 판별하는 함수) 파라미터로 전달하면 object로 반환함 null 타입의 변수인지 아닌지 확인하기위해서는 일치연산자(===)를 사용해야함 3) undefined : 값을 할당하지않은 변수, 선언만 하고 할당된 값이 없거나, 존재하지 않는 Object의 프로퍼티에 접근할 경우 반환함 null은 null 자체가 값임.. 2017. 3. 8. [자바스크립트] 기본문법 [자바스크립트 데이터 (주로 웹브라우저) 표시 방법]1) window.alert() : alert box를 가지고 데이터를 보여줌2) document.write() : html 문서의 내용 변경하는 방식(기존 문서내용 없애고, 데이터만 표시)으로 데이터를 보여줌3) DOM객체.innerHTML : html 문서의 특정 태그에 내용을 추가하는 방식(태그 추가 가능)으로 데이터를 보여줌 => 기존 내용 대체, DOM API를 통해서 html 태그를 DOM 객체화하는 방법 참조(1번 포스팅)4) console.log() : 웹브라우저의 콘솔(개발자도구 이용)로 데이터를 보여줌 [자바스크립트 구문] : 웹브라우저에 명령을 하기위한 방식, 문법1) 구성- 변수명 : 연산에 의해 변할 수 있는 값을 넣는 공간, 사.. 2017. 3. 8. [자바스크립트] 자바스크립트 소개 - 웹은 물론이고, 하이브리드 앱, 서버사이드(nodejs), 데스크탑(electron) 등에서도 자바스크립트는 사용됨 : 환경의 다양화 1) html, css로 이뤄진 정적인 웹을 동적으로 바꾸어주는 역할(웹브라우저를 프로그래밍적으로 제어)로 사용이 되었음2) 구글의 V8 자바스크립트 엔진(속도 개선)을 기반으로 한 nodejs(웹서버)를 통해 서버사이드 개발 가능해짐3) 프론트앤드 영역에서 Angular, React, Vue 등 자바스크립트 프레임워크들이 각광을 받고 있음4) 백엔드 영역에서 nodejs, soketIO, express 등 자바스크립트 프레임워크들이 각광을 받고 있음 5) Google Apps의 Script 편집기에 자바스크립트를 삽입(문서 제어)하여 사용가능함 - 함수 기반1) 자바.. 2017. 3. 7. [자바스크립트] 들어가기전 DOM 개념잡기 [자바스크립트를 들어가기 전에 필요한 개념 - DOM 개념] html이나, xml을 뜻하는 웹문서 혹은 문서는 같은 부분적 요소나 내용이 관련된 것 끼리 묶여서 존재하는 구조화된 문서다. DOM은 Document Object Model의 약자로 html, xml 문서를 제어하기 위한 api이고, 문서를 구성하는 엘리먼트들을 객체화하여 제어할 수 있도록 함 문서를 구성하는 엘리먼트들을 객체화할 때도 구조적으로 객체화를 함(이것을 DOM 트리라고 하고 트리를 구성하는 요소들을 node라고 한다.) node에는 문서를 구성하는 엘리먼트(태그), 엘리먼트의 속성(예를 들어 a의 href 속성), 태그 내부에 있는 텍스트를 노드라한다. 쉽게 말해 엘리먼트, 텍스트 개념을 노드로 만든 것 html 문서의 요소에 접.. 2017. 1. 23. 이전 1 2 3 다음
