목록Programming language/JavaScript (32)
For Programmer
*참고로 ES6에서는 var대신에 const,let을 사용합니다. var는 es6에서는 더이상 쓰이지 않습니다. 전역변수와 지역변수의 차이 *함수밖에서 선언한 var 변수는 전역변수라고 보면되고 함수내부에서 선언한 var변수는 지역변수이다. 참고로 다른 언어와달리 var는 선언된 함수내에서 유효범위를 가진다. *var 은 변수의 선언에 사용된다. var를 생략할시 이미 선언되어 있는 변수를 값을 참조하는데 지역변수내에 해당 변수가있을경우 지역변수의 값을 참조하고 지역변수가 없을경우 전역변수의 값을 참조한다. 변수를 선언하지 않고 참조할때 발생할 수있는문제 *a함수내에서 var 로 변수선언을 하지않을 경우 a함수에서 i는 전역변수 i를 가리키게된다. 그러나 a가 for문 내부로 들어가게 될경우 가장가까운 ..
정규표현식의 내부메서드 * 정규 표현식의 선언 방식은 2가지가 존재하는데 문자양끝에 / / 로 감싸주는 방식이 하나 있고 new RegExp('문자') 로 생성자를 이용하는 방식이 있다. (a. 은 a뒤에 아무문자를 뜻한다.) *정규표현식 내부 메서드에는 2가지가 존재하는데 하나는 .exec('문자') 과 나머지 하나는 .test('문자') 이다. 전자는 인자의 문자중에 미리 선언한 정규표현식에 해당되는 문자를 반환한다. (출력결과에서 a , ab) 후자는 인자로 전달한 문자중에 미리 선언한 정규표현식에 해당되는 문자가 있을시 true 없을시 false를 반환한다. (출력결과에서 true,false) 문자열의 내부메서드 *문자열 내부 메서드로 정규표현식에 해당하는 기능을 이용할 수 있는데 .match(정..
-> ECMAScript (표준문서) Standard ECMA-262 Standard ECMA-262 ECMAScript® 2020 Language Specification 11th edition (June 2020) This Standard defines the ECMAScript 2020 general-purpose programming language. The following files can be freely downloaded: File name Size (Bytes) Content ECMA-262 editio www.ecma-international.org -> 자바스크립트 사전 (생활코딩) JavaScript 사전 - 생활코딩 코스소개 생활코딩 자바스크립트 사전은 자바스크립트가 기본적으로 ..
*모듈화: 간단하게 설명하면 js파일을 1개이상으로 분리하여 하나의 파일에서 import하여 쓰는 것을 말한다. 자바스크립트는 위와 같이 와같이 사용하며 Css에서 다른Css파일들을 사용할때는 link 또는 @import 를 이용한다.
* 객체안에 객체도 담을 수있으며 객체안에 함수도 원소로 저장이 가능하다. * this란 자기를 감싸고 있는 객체를 의미한다. 위의 코드에서는 grades라는 객체를 의미한다. * 단, this를 감싸고 있는 객체가 없을 경우 기본적으로 함수내에서의 this는 웹 브라우져의 전역객체 window를 의미한다. *this의 자세한 설명은 https://www.zerocho.com/category/JavaScript/post/5b0645cc7e3e36001bf676eb (JavaScript) 자바스크립트의 this는 무엇인가? 안녕하세요. 이번 시간에는 자바스크립트 this에 대해 알아보겠습니다. 사실 이미 실행 컨텍스트 강좌 에 다 설명해둔 것이긴 한데요. 그 강좌는 실행 컨텍스트(전체적인 흐름)에 더 집중..
출력결과 ↓ *배열과 객체에서 사용이 가능한데 for(var 변수 in 배열 or 객체) { ~~~ } 로 사용한다.(배열은 사용을 권장하지 않음) *var는 생략이 가능하며(생략하였을때 만약 상위에 같은 이름의 변수가있으면 그것을 가리키게된다. 에러가능성↑) 변수에는 해당 변수나 객체의 index값이 대입된다.(객체는 key값) 따라서 객체[변수], or 배열[변수] 로 각각의 세부 원소에 접근이 가능하다. *세부적인 내용은 다음 글을 참조하자 https://webclub.tistory.com/243 javascript for in 문 for in 문 for in 문은 객체의 프로퍼티명을 열거하는 반복문입니다. for in 문은 다음과 같은 구문을 사용합니다. // for in 문의 문법 for (변수..
자바스크립트의 꽃이라 할 수있는 객체이다. 선언방식은 배열과 비슷하지만 인덱스에 문자열로 이름을 이용하여 저장할 수있다는점이다.(자바의 map과비슷하다.) *객체선언은 1st방법과 같이 변수와함께 한번에 같이선언할 수있다. 또는 2nd방법처럼 변수에 빈객체만 선언 후 각각의 요소(Property)를 추가할 수있다. 또한 객체에는 Property라는 것이 존재하는데 자세한 설명은 다음과 같다. 즉, 정리하면 객체안의 key를 Property명이라고 보고 Property에 할당되는 value를 Property값이라고 생각하면된다.
* 배열.push( 값 ) : 배열의 마지막 데이터 뒤에 추가로 해당 데이터들을 삽입.(1개이상가능) -기존배열의데이터를바꿈 * 배열.concat( 배열 또는 값) : 배열의 마지막 데이터 뒤에 해당 배열 또는 값들을 추가하여 새로운 배열을 반환 - 기존배열의 데이터를 건들지 않음 * 배열.unshift( 값 ) : 배열의 맨앞에 해당 인자를 추가(1개이상가능) * 배열.splice(삽입할위치,1st인자뒤로삭제할개수,삽입할데이터(1개이상가능)) : 배열을 삭제하고 난후 삭제한 데이터 반환 *배열.shift() : 맨앞원소를 제거후 제거한 데이터를 반환 *배열.pop() : 맨뒤 원소를 제거후 제거한 데이터를 반환 *배열.sort(콜백함수) : 알파벳순으로 정렬(콜백함수에 따라 함수의 정렬방식을 바꿀 수있..