본문 바로가기

02. JavaScript

(37)
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 요소 태그를 클릭할 때 ..
JavaScript_etc_브라우저 렌더링 과정 ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 내가 지금 하고 있는 웹 사이트가 어떻게 동작하는지 궁금하다고 생각한 적이 없는가? 웹 개발자면 어느 정도 궁금증을 갖고 있지 않을까 하고 생각한다. 데이터 통신부터 시작하여 깊게 파고들어서 파악하라는 것이 아니다. 모든 과정을 다 외울 필요는 없다고 생각하지만, 브라우저가 어떻게 웹 페이지를 띄우는지 과정 정도는 ..
JavaScript_01. 기본개념_HTML_DOM 2 ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 01.03 HTML 내용 변경 앞에서는 DOM 요소에 접근하여 속성 정보에 대한 값을 다루었다면 여기서는 html 요소에 대해 다룬다. ● innerHTML → HTML의 특정 위치에 새로운 HTML을 삽입할 때 사용한다. ● innerText → innerHTML과 유사하지만 텍스트 내용만 삽입이 가능하다...
JavaScript_01. 기본개념_HTML_DOM 1 ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 학원에서 자바스크립트를 배우긴 했지만.. jQuery로만 사용하다 보니 자바스크립트에 대한 개념 자체를 제대로 몰랐었고 (값을 가져오는 .val()로 전부 사용하다가 .value를 쓰려니 전부 되는건 아니라는 것도 공부를 하면서 깨달았다) JavaScript의 경우 활용 용도가 엄청 많다고 생각하여 (node..