자바스크립트9 [JS] 자바스크립트 공부 사이트 모던 JS 튜토리얼 모던 JavaScript 튜토리얼 ko.javascript.info zerocho - JavaScript JavaScript JavaScript 관련 글 리스트입니다 www.zerocho.com 2022. 5. 13. [JS] 자바스크립트 scope 들어가기 전 스코프(scope)는 범위의 뜻을 가지며, 해당 변수가 접근할 수 있는 변수, 객체, 함수의 집합을 의미한다. 스코프를 이해하기 위해서는 먼저 전역 변수와 지역 변수를 이해해야한다. 전역 변수와 지역 변수 변수는 유효 범위(variable scope)에 따라 다음과 같이 구분된다. 지역 변수(local variable) 전역 변수(global variable) 지역 변수(local variable) 지역 변수란 함수 내에서 선언된 변수를 의미한다. 지역 변수는 변수가 선언된 함수 내에서만 유효하며, 함수가 종료되면 메모리에서 사라진다. 전역 변수(global variable) 전역 변수란 함수의 외부에서 선언된 변수를 의미하며, window 객체에 변수를 생성하는 것이다. 전역 변수는 어느 .. 2022. 3. 2. [JS] 자바스크립트 클래스 클래스 (Class) 클래스는 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 템플릿이라고 볼 수 있다.. 이러한 클래스는 객체가 아니며 객체를 생성하는 생성자 함수와 같이 함수의 한 종류이다. //클래스 class User { constructor(name) { this.name = name; } info() { alert(this.name); } } //클래스는 함수이다. console.log(typeof User); //function //클레스는 생성자 함수와 동일하다. console.log(User === User.prototype.constructor); //true //클래스 내부에서 정의한 메소드는 prototype에 저장된다. console.log(User.prototype.i.. 2022. 3. 2. [JS] 자바스크립트 AJAX AJAX (Asynchronous JavaScript And XML) 란? AJAX란 서버와 통신하기 위해 XMLHttpRequset 객체를 사용하며, 이를 통해 동적인 웹 페이지를 개발하는 기법이다. 즉 AJAX를 사용하면 서버와 통신하여, 데이터를 받아와 새로고침 없이 일부분만 갱신할 수 있게 할 수 있다. AJAX로 서버와 전송가능한 데이터 형태는 다음과 같다. JSON XML HTML Text 파일 등 AJAX 장점 & 한계 장점 웹 페이지 전체를 새로고침하지 않고, 웹 페이지 일부분만 갱신 가능 웹 페이지가 로드된 후 서버로 데이터 요청 및 수신가능 백그라운드 영역에서 서버로 데이터 전송 가능 한계 AJAX는 클라이언트 풀링 방식을 사용하므로, 서버 푸시 방식의 실시간 서비스 구현 불가 바이너리.. 2022. 2. 15. [JS] 자바스크립트 제어문 (반복문) 반복문(Iteration Statements) 반복문은 똑같은 작업을 일정 횟수만큼 반복하여 수행하도록 제어하는 제어문이다. 반복문을 사용함으로 반복되는 작업에 대해 더 빠르게 해당 작업을 완료할 수 있다는 이점이 있다. 반복문의 형태는 다음과 같다. while 문 do / while 문 for 문 for / in 문 for / of 문 while 문 지정된 조건이 참인 동안 코드 블록을 반복한다. while 문에서는 조건에 사용된 변수를 늘리지 않으면 루프가 끝나지 않는다. 예제 let i = 0; while ( i < 10 ) { console.log( i + "번 째 출력" ); i++; } do / while 문 do / while 문은 while 루프의 번형으로, 조건이 참인지 확인하기 전에 코.. 2022. 1. 30. [JS] 자바스크립트 제어문 (조건문) 제어문(Control Flow Statements) 제어문이란 프로그램의 순차적인 프름을 제어해야 할 때 사용하는 실행문을 뜻한다. 대표적인 제어문들은 다음과 같다. 조건문 반복문 조건문(Conditional Statements) 조건문이란 주어진 조건식의 결과에 따라 서로 다른 작업을 수행하도록 제어하는 명령문이다. 조건문 중 기본이 되는 명형문은 if 문이며, 대표적인 조건문들은 다음과 같다. if else else if switch if 문 지정된 조건이 true인 경우 실행할 코드 블록을 지정하는 데 사용된다. 코드 블록(Code Block) 한 쌍의 중괄호( { } )로 구성되어 0개 이상의 구문을 묶을 때 사용된다. //예제 var x = 10, y = 20; if ( x > y ) { con.. 2022. 1. 29. [JS] 07 자바스크립트 배열 배열(Array) 배열이란 둘 이상의 값을 가질 수 있는 특수한 변수이다. 배열의 가장 큰 장점은 하나의 변수에 많은 값을 저장할 수 있으며, 인덱스 번호를 통해 값에 접근할 수 있다는 것이다. 배열과 객체 차이점 배열과 객체는 서로 차이가 있다. 배열은 인덱스 번호를 통해 요소에 접근한다면, 객체의 경우 지정된 키값을 통하여 값에 접근한다. 따라서 값에 접근할 때 숫자로 접근하려면 배열을 사용하며, 텍스트로 접근하려면 객체를 사용해야한다. 배열 STEP 1 : 배열 메서드 배열 생성 배열은 일반적으로 const 키워드를 통해 선언한다. 또한 배열 리터럴을 사용하여 배열을 생성하는 것이 가장 쉬운 방법이다. 리터럴(Array Literal) 이란? 데이터를 표현하는 방법으로, 변수를 선언함과 동시에 값를.. 2022. 1. 27. [JS] 04 자바스크립트 변수 자바스크립트 변수(Variables)란 데이터를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있다. 자바스크립트에서 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생한다. 변수선언 자바스크립트에서 변수를 선언하는 방법은 다음과 같다. var let const 아무것도 선언하지 않음 var var 키워드는 let과 const 키워드가 추가되기 전 모든 자바스크립트 스크립트에 사용되었다. let let 키워드는 변수 값이 변경될 수 있는 변수에 사용한다. let 키워드의 특징은 다음과 같다. 초기 변수 선언 시 값을 할당하지 않아도 된다. let 키워드로 정의된 변수는 다시 선언할 수 없다. let 키워드로 정의된 변수에 변수값을 변경할 수 있다. let 키워드는 블록범위로.. 2022. 1. 12. [JS] 01 JavaScript 란? 자바스크립트(JavaScript, JS) 란? 자바스크립트는 객체(object) 기반의 스크립트 언어이다. 웹 페이지 개발에서 HTML이 웹 페이지의 내용을 작성하며, CSS가 웹 페이지의 디자인을 지정한다면, JS는 웹 페이지의 동작을 구현하는 것이다. 자바스크립트는 주로 웹 브라우저에서 사용되지만, Node.js와 같은 프레임워크를 사용하여 서버 측 프로그래밍에서도 사용 가능하다. 대부분의 웹 브라우저에는 자바스크립트 엔진(JavaScript Engine)이 탑재되어있다. 자바스크립트 엔진(JavaScript Engine) 자바스크립트 엔진은 자바스크립트 코드를 실행하는 프로그램이다. 각 브라우저마다 사용하는 자바스크립트 엔진이 다르다. 자바스크립트 특징 자바스크립트가 지니는 언어적 특징은 다음과 같.. 2022. 1. 6. 이전 1 다음
