Language/Javascript

Language/Javascript

JavaScript 숙련

객체(Object) JavaScript의 데이터 타입은 크게 두가지로 분류된다. 원시 타입 - 단 하나의 값만을 나타내고, 값의 변경이 불가능한 값 객체 타입 - 다양한 타입의 값을 하나의 단위로 구성, 복합적인 자료구조이며 객체 타입의 값을 변경 가능 객체기반의 프로그래밍 언어이며 구성하는 거의 모든 것은 객체로 구성되어 있다. 객체(Object)는 0개 이상의 프로퍼티로 구성된 집합이며, 하나의 프로퍼티는 Key와 Value로 구성 객체 리터럴 리터럴(literral)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 => 객체를 생성하기 위한 표기법 객체를 생성하기 위해 Class를 먼저 선언하고 new 연산자와 함께 생성자를 호출할 필요없이 일반적인 숫자, 문자열을 만..

Language/Javascript

06-1 객체의 기본

객체(object)는 키(key)과 값(value)으로 구성된 속성(property)를 가진 데이터 타입입니다. 배열과 객체 비교 배열과 객체 두가지 모두 JavaScript에서 여러 자료를 다룰때 사용하는데 두가지 모두 객체이기 때문입니다. // 예시 1 const array = [1, 2, 3, 4, 5]; console.log(typeof array) // object // 예시 2 const object = { name: "hong", age: 23, }; console.log(typeof object); // object 배열은 요소에 접근할 때 index를 사용하지만 객체는 key를 사용합니다. // 예시 3 const array = [1, 2, 3, 4, 5]; console.log(arra..

Language/Javascript

ES의 의미와 ES5,ES6 차이점

ES의 의미 및 정의 ECMAScript라고도 하며 Ecma International이 ECMA-262 기술규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 뜻한다. 웹 클라이언트 사이드 스크립트로 많이 쓰이고 Node.js를 이용한 서버 응용 프로그램에도 점차 많이 쓰이고 있다. ES와 ES6의 대표적인 차이점들 템플릿 리터럴 백틱을 이용한 기능인데, 플레이스 홀더 ( ${variavle} ) 을 응용하여 백틱 내부에 문자열과 함께 표현식을 넣을 수 있다. // ES5 var name = 'hong'; var age = 31; console.log("저의 이름은 " + name + "이고, 나이는 " + age + "살 입니다."); // ES6 let name = 'hong'; let a..

Language/Javascript

JavaScript 기초 2

1. 동기(Sync)와 비동기(Async)에 대한 개념 - 일반적으로 '동기로 실행된다' 라고 함은 먼저 실행된 코드의 결과가 나올때 까지 대기하는것 => 마트 계산대에서 먼저 온 손님부터 한명씩 계산한다는 개념 - '비동기로 실행된다' 라는 것은 실행된 순서와 관계 없이 결과가 나오는 것을 말한다. => 정원이 정해진 식당에 입장은 선착순이고 퇴장순서는 식사가 끝난수 인데 식사시간은 사람마다 다르므로 입/퇴장이 비동기적처리된다고 볼 수 있다. 2. Blocking Model & Non-Blocking Model - Blocking Model 코드의 실행이 끝나기 전까지 실행 제어권을 다른곳에 넘기지 않고 대기하는 것 - Non-Blocking Model 코드의 실행이 끝나지 않아도 실행 제어권을 다른곳..

Language/Javascript

구조 분해 할당

배열 혹은 객체에서 각각 값 이나 프로퍼티를 분해하여 손쉽게 개별 변수에 담을수 있다 - 배열에서의 구조 분해 할당 [100, 200]이 각각 a, b에 담긴다. const [a, b] = [100, 200]; console.log(a); // 100 console.log(b); // 200 //혹은 아래와 같이 표현할수있습니다. const array = [100,200] const [a,b] = array console.log(a); //100 console.log(b); //200 // a 에는 array[0] , b에는 array[1] 값이 할당 되었습니다. - 객체에서의 구조 분해 할당 프로퍼티(property)를 대상으로 구조 분해 할당한다. const student = { name: "Spar..

Language/Javascript

함수

// 일반 함수 function foo() { console.log("bar"); } // 익명 함수 let foo = function () { console.log("bar"); }; 일반적을 반복되는 코드를 하나로 묶거나, 의미를 부여하고 역할을 나누기 위해 사용 변수선언, 조건문과 더불어 가장 많이 사용되는 문법이다. - 인터페이스 function 함수이름(인자1, 인자2, 인자3) { // 명령문 } 함수이름(인수1, 인수2, 인수3); // 명령문에 있는 내용을 실행한다. 인자(Parameter 또는 매개변수)란 함수를 호출할때 전달 받기 위해 지정한 변수. 인수(Argument)란 인자에 전달하는 값 그 자체 return 키워드로 값을 반환 할 수있다. 구현해보기 더보기 - 요구사항 perso..

JangKroed
'Language/Javascript' 카테고리의 글 목록