본문 바로가기

웹개발/javascript

(24)
자바스크립트 Object 오브젝트 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. Object 오브젝트 new Object( ) var obj = new Object(111); console.log(obj); //number {111} console.log(obj + 100); //object var obj1 = new Object(); console.log(obj1); // {} 인스턴스를 생성하여 반환한다. 여기서 인스턴스는 파라미터의 타입에 따라 인스턴스의 타입을 정한다. 파라미터 값이 undefined이거나 null이면 빈 오브젝트 인스턴스를 반환한다. Object( ) var obj2 = Object({name: "value"}); conso..
자바스크립트 String 오브젝트 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. String 오브젝트 문자열 오브젝트, 문자를 제어하는 다양한 함수와 프로퍼티를 가지고 있다. 문자열 연결 var apple = "123" + "water" + "멜론"; console.log(apple); //123water멜론 +로 문자열을 연결하거나 역 슬래쉬(\)로 문자열을 연결할 수 있다. 줄 바꿈이 되었더라도 문장이 아래줄에서 끝난다면 연결이 된다. String console.log(""+123); //123 console.log(typeof (""+123)); //string console.log(String(123)); //123 console.log(ty..
자바스크립트 Number 오브젝트 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. Number 오브젝트 숫자 처리를 하기 위한 오브젝트로 숫자 처리를 위란 함수와 프로퍼티가 포함되어 있다. Number( ) console.log (Number("123") + 100); //223 console.log (Number("AAA")); //NaN console.log (Number(0x11)); //17 console.log (Number(true)); //1 console.log (Number(null)); //0 console.log (Number(undefined)); //undefined console.log (Number()); //0 파라미터 값..
자바스크립트 내장 객체 Built-in Object 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. 내장 객체 = 빌트인 Built in 값, 타입, 연산자, 오브젝트(object)를 사전에 만들어 놓은( 자바스크립트에 내장되어있는) 것이다. 자바스크립트만의 특징으로 사전 처리를 하지 않고 즉석 해서 사용할 수 있다. 빌트인 값 타입 Undefined, Null, Boolean, Number, String, Object 내장 객체(빌트인 오브젝트) 유형 Object : {key : value} 형태 Functionfunction name(){ } 형태 Array : [1,2,3] 형태 String : "abc"와 같은 문자열 형태 Boolean : true, false..
자바스크립트 함수 & 프로퍼티 Function & Property 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. 함수 Fuction 특정 기능을 을 처리하는 코드 모음 function getNumber(a, b) { var result = a + b * 10; }; getNumber(5, 7); fuction 함수이름( 파라미터 ) { 함수 코드 }; 파라미터 : 매개변수, 아규먼트, 인자 라고도 불린다. 작성은 선택이므로 ( )로 없이 작성할 수 있다. 함수 코드 : 소스 텍스트라고도 하고 작성은 선택이다. 함수 이름 규칙 첫문자 : 영문자, $, 언더바( _ ) 사용 가능하고 숫자, &, *, @, + 는 사용할 수 없다. 함수 코드를 읽지 않아도 의미를 알수있게 의미(seme..
자바스크립트 연산자 Operator 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. 연산자 +, -, *, /, % >, >=, "\u0032"); //true console.log("A" > "1"); //true console.log("가" >= "다"); //false console.log("B12" > "B24"); //false , = 연산자 , instanceof 연산자, in 연산자 양쪽이 number 타입일 때 비교 값이 참이면 true, 거짓이면 false를 반환한다. 한쪽이 string 타입이라면 false를 반환하고 양쪽이 모두 string 타입이면 유니코드 사전 순서로 문자 하나씩 비교한다. 동등, 부등, 일치, 불일치 연산자 co..
자바스크립트 문장 Statement 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. 문장 Statement 문장의 끝이 ;(세미콜론)인 형태로 세미콜론은 문장을 끝나게 하는 역할을 한다. 또한 세미콜론은 자바스크립트 엔진이 자동으로 삽입해 문장을 끝내기도 한다. 화이트 스페이스 White space 사람 눈에 보이지 않는 문자로 가독성을 위한 공백이다. 문자의 종류마다 모두 고유의 기능과 유니코드를 가진다. 블록 {문장 리스트}의 형태로 여기서 말하는 블록은 ES5의 블록과는 조금 다른 개념일 수 있다. 중괄호 안에 모든 문장이 실행되는 실행그룹이다. 문장 리스트의 작성은 선택이며 아예 없어도 된다. debugger var apple = "fruit" ..
Javascript 자바스크립트 기본 문법들 자바스크립트의 ES5기반으로 한 기본 개념들입니다. 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. 문장 Statement 자바스크립트 코드의 실행 단위로써 세미콜론(;)까지가 하나의 문장이다. 문장 시작은 위치제약이 없고 문장 들여 쓰기는 기본이 2칸, 4칸이다. if (true) { var lemon = "시다"; var count = 2; }; if (true) { var apple = "시고 달다"; }; if { 부터 }; 까지가 한 문장이고 그 안에 var부터 세미콜론까지가 한 문장이다. 문장 안에 문장들을 안고 있는 구조이다. 변수 Variable 값을 저장하는 영역으로 저장된 값을 재사용하기 위해 쓴다. var apple = "사과"; var amount..