반응형

컴퓨터 공학/JavaScript 4

[JavaScript] var, const, let 차이점

웹 개발을 하면서 자바스크립트는 빠질 수 없는 언어중 하나입니다. 그런 자바스크립트에서 가장 기본이 되는것이 선언 방식인데, 오늘 포스트에서는 그 선언 방식에 대해서 이야기 해보려고 합니다. 겉으로는 다를 것 없는 자바스크립트에도 나름의 버전이 있습니다. 2009년에 제정된 ES5이후 가장 대규모의 업데이트가 있었던 것이 2015년의 ES6인데, 오늘은 이 두 버전의 차이중 일부에 대한 설명이기도 합니다. var로 변수를 선언하는 것은 ES5까지의 변수 선언 방식이고, 이를 개선한 것이 const, let으로 변수를 선언하는 ES6의 문법입니다. 그러면 var 방식으로 변수를 선언하는 것에 대한 단점을 알아보겠습니다. 위와 같이 n이라는 이름의 변수를 두 번 선언했는데도, var를 사용할 때는 아무런 에..

[Node.js] 노드.js 설치

안녕하세요, 24시 방구석 통계학, 이방통의 관리자 ITISIK입니다. 이번 포스트에서는 노드.js 클라이언트를 설치하는 방법에 대해 알려드리려고 합니다. 필자의 경우에는 자바스크립트 공부/개발 환경을 위해 설치하는 것이지만, Node.js는 이외에도 다양한 쓰임새가 있답니다. 각설하고 바로 다운로드 하는 방법부터 말씀드릴게요. 아래 링크에 먼저 접속하시면, 아래의 사진과 같은 홈페이지가 나타날겁니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 윈도우즈를 사용하고 계신 분 중에 자신의 운영체제 비트수를 모르신다면, 아래 링크를 통해 확인하시고 ..

자바스크립트(Javascript) DOM 선택자(Selector)

이번 포스트에서는 자바스크립트에서의 가장 기본적인 선택자에 대해서 소개해드려고 합니다. 최신문법과 기존문법 두가지를 모두 소개해드리며, 제이쿼리는 기세가 많이 꺾인 상황이지만 아직 사용하는 기업 및 프레임워크가 존재하기 때문에 간단하게 남기도록 하겠습니다. 자바스크립트로 DOM 선택하는 방법 // [ID로 선택] // 자바스크립트 ES6 이후 문법(ID는 유일성을 가정함.) document.querySelector("#header"); // 자바스크립트 ES5 이하 문법 document.getElementById("header"); // [Class로 선택] // 자바스크립트 ES6 이후 문법 // ("box"라는 클래스명이 여러개인 경우, querySelector 메소드는 첫번째 객체만 선택됨.) do..