02. JavaScript (37) 썸네일형 리스트형 JavaScript_02. 문법_10_Array Destructuring ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 일반적으로 배열에 저장된 요소에 접근하기 위해서는 배열에 저장된 순서인 인덱스 번호를 사용하게 된다. Array Destructuring은 배열에 저장된 요소를 분해해서 배열의 순서에 따라 변수를 정의해서 사용할 수 있게 해준다. 배열에 반환하는 데이터가 많을 경우 특정 요소는 바로 변수에 할당하고, 나머지 .. JavaScript_02. 문법_09_Object Destructuring ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Object Destructuring은 Object에 저장된 데이터를 분해하여 필요한 데이터만 바로 추출해서 사용할 수 있도록 한다. JavaScript_02. 문법_08_Spread Operator ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Spread Operator는 배열, 문자열과 같이 iteration 형태의 데이터를 요소 하나하나로 모두 분해해서 사용할 수 있게 해준다. 생각보다 되게 유용한 기능이다. JavaScript_02. 문법_07_Object Literal Syntax Extension ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Object에 데이터를 저장하려면 키-값을 한 쌍으로 하여 데이터를 저장해야 한다. 이때 키는 문자형으로 인식된다. Object에서는 변수에 할당된 값을 키로 치환해서 사용할 수 없다. 그렇지만 Object Literal Syntax Extension 문법을 사용하면 Object의 키로 변수에 할당된 문자열 .. JavaScript_02. 문법_06_Template Literals (`) ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 일반적으로 문자열을 병합하기 위해서는 더하기(+) 기호를 사용하게 된다. Template Literals는 변수에 할당된 문자열을 하나의 문자열로 병합할 때, 더하기(+)를 사용하지 않고 하나의 문자열로 만들 수 있도록 해준다. Template Literals(템플릿 문자열) 문법에서는 문자열에 백틱(`)을 .. JavaScript_02. 문법_05_Arrow Function ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Arrow Function(화살표 함수)는 함수를 정의하는 새로운 방법이다. 화살표 함수를 사용해서 함수를 정의하면 함수 선언식이나 함수 표현식에 비해 구문이 짧아진다는 이점이 있다. 화살표 함수 내의 this는 언제나 상위 스코프의 this를 가리킨다. JavaScript_02. 문법_04_Rest Parameter ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 일반적인 함수 선언식은 함수에 파라미터를 몇 개 사용할지 선언한다. 파라미터의 개수를 미리 정해버리면, 그 범위 내에서만 계산을 할 수 있게 되기 때문에 제대로 된 기능을 하는 함수를 구현할 수 없게 된다. Rest Parameter는 파라미터로 몇 개의 파라미터가 전달될지 모를 경우 매우 유용하게 사용할 수.. JavaScript_02. 문법_03_Default Function Parameter ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 만약 파라미터가 함수 내에서 특정 기능을 구현하기 위해 반드시 값이 필요한 상태라면, 함수를 호출하는 곳에서 파라미터 값을 전달하지 못해서 에러가 발생한다. 이런 상황을 피하고자 함수 내에서는 함수를 호출할 때 파라미터에 값이 전달되었는지를 확인하는 코드를 구현해서 사용해야 한다. Default Functio.. 이전 1 2 3 4 5 다음