본문 바로가기

전체 글

(88)
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..
JavaScript_02. 문법_02_Scope ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Scope는 변수에 대한 접근성을 의미합니다. See the Pen JavaScript_02. 문법_02_Scope by dk k (@dk-k) on CodePen. 예제 코드에 대한 설명 ● local scope 함수 내에 선언된 변수는 함수 안에서 참조가 되고, 함수 밖에서는 참조할 수 없다. 이런 변수에..
JavaScript_02. 문법_01_this 키워드 ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com this 키워드는 사용되는 위치에 따라 this 키워드에 바인드 된 객체가 달라진다. ● this에 window 객체가 바인딩 된 경우 예제 코드에 대한 설명 1. this = Window 객체 console을 보면 Window 자체가 있는걸 확인할 수 있다. 2. this = DOM 요소 태그를 클릭할 때 ..