개발
Node.js 터미널로 자바스크립트 파일 실행하기
Node.js 터미널로 자바스크립트 파일을 실행하는 방법을 정리해 보려 합니다. 이를 위해서는 먼저, Node.js가 설치되어 있어야 하는데요. 이후 터미널을 실행하고, 자바스크립트 파일이 위치한 경로로 이동해 파일을 실행하면 됩니다. 상세 과정은 다음과 같습니다. 실행하고자 하는 파일이 Desktop > Nodejs 내 test.js 이라고 해보겠습니다. 터미널에 다음과 같은 명령어를 통해 디렉토리를 이동합니다. cd ~/Desktop/Nodejs 잠시 명령어를 살펴보자면, cd 는 디렉토리 변경 명령어 이며 ~ 는 기본 사용자 선택, 이후는 해당 하위 폴더의 경로를 의미합니다. 디렉토리가 제대로 변경되었는지 확인하려면 pwd 명령어를 사용하면 됩니다. 폴더 내 파일의 리스트들을 보려면 ls -al 명..
Node.js와 브라우저의 차이점 (번역)
Node.js와 브라우저의 차이점은 무엇일까요? Node.js와 브라우저는 모두 프로그래밍 언어로 자바스크립트를 사용합니다. 그러나 브라우저에서 실행되는 앱을 만드는 것과 Node.js 앱을 만드는 것은 완전히 다른 일입니다. Node.js와 브라우저 모두 언제나 자바스크립트를 사용하지만, 몇 가지 차이점은 현격한 차이를 만들어 냅니다. 브라우저에서는 대부분 DOM 또는 쿠키와 같은 다른 웹 플랫폼 API와 상호작용하게 됩니다. 물론, Node.js에는 그런 것들이 존재하지 않습니다. Node.js에는 브라우저에서 제공되는 document, window과 같은 다른 객체들이 존재하지 않습니다. 그러나 브라우저에는 Node.js가 모듈을 통해 제공하는 파일 접근 기능과 같은 API들이 없습니다. 또 다른 ..
자바스크립트 기본 개념 공부 내용 정리
1. 자바스크립트 기초 자바스크립트란? 자바스크립트 변수란? 자바스크립트 데이터 유형 자바스크립트 표현식과 연산자 자바스크립트 논리 연산자 2. 자바스크립트 함수 자바스크립트 함수란? 자바스크립트 화살표 함수 자바스크립트 고차 함수란? 자바스크립트 returing과 mutating이란? 자바스크립트 스코프란? 자바스크립트 함수 호이스팅이란? 3. 자바스크립트 객체와 메소드 자바스크립트 배열 속성 및 메소드 자바스크립트 객체란? 자바스크립트 객체 인스턴스란? 자바스크립트 map이란? 4. 자바스크립트 조건문 자바스크립트 if 조건문이란? 5. 자바스크립트 반복문 자바스크립트 for ... in 구문 정리 자바스크립트 do while 반복문이란? 6. 자바스크립트 이해 객체 지향 프로그래밍이란? 자바스크립트..
자바스크립트 호이스팅이란?
자바스크립트에서 호이스팅(hoisting)이란 무엇일까? 호이스팅을 이해하려면 스코프의 개념과 전역 변수, 지역 변수의 의미를 이해해야 한다. 이번 포스팅에서는 변수 호이스팅과, var, let, const 키워드의 사용, 함수 호이스팅에 대해 정리해 보려 한다. 자바스크립트 변수 호이스팅 자바스크립트는 기본적으로 위에서 아래로 차례차례 코드를 실행해 간다. 따라서 변수를 선언하기 전에, 변수를 호출하면 오류가 발생해야 한다. 그러나 자바스크립트의 호이스팅 기능은 모든 변수 선언문이 해당 스코프의 최상단으로 끌어 올려 처리한다. console.log(bear); // undefined bear = "A market is in bearish trend."; console.log(bear); // "A ma..
Returing과 Mutating 차이점 (정리 중)
returning과 mutating의 차이를 보자. 아래의 push 메소드는 기존의 배열을 mutating 하고, 값도 return한다. let pets = [ {name: "Meowsalot", species: "cat", age: 2}, {name: "Barksalot", species: "dog", age: 3}, {name: "Purssloud", species: "cat", age: 8} ] pets.push({name: "Puppster", species: "dog", age: 1}) console.log(pets); returing은 새로운 배열을 반환하는 것이고 mutating은 기존의 배열을 변화시키거나 수정하는 것이다. 그러나 push와 다르게 mutating하지 않는 메소드가 있다. ..
자바스크립트 고차 함수(higher-order function)란?
자바스크립트에서 고차 함수란 (1) 함수를 아규먼트로 받거나 (2) 함수를 결과로 리턴하는 함수다. (1) 함수를 아규먼트로 받는 고차 함수의 예 document.addEventListener("click", greeting); function greeting() { return alert("Hello, world!") } (2) 함수를 결과로 리턴하는 고차 함수의 예 function creatMultiplier(multiplier) { return function(x) { return x * multiplier } } let doubleMe = creatMultiplier(2); let tripleMe = creatMultiplier(3); let quadrupleMe = creatMultiplier(..
[JavaScript] ④ 자바스크립트 객체란 무엇일까?
자바스크립트는 객체 기반 언어다. 자바스크립트는 객체 기반 프로그래밍 언어이며, 원시 값을 제외한 모든 값은 객체다. 즉, 함수, 배열, 정규 표현식 등이 모두 객체다. 객체는 프로퍼티(property)로 구성되며, 프로퍼티는 키(key)와 값(value)로 구성된다. 프로퍼티의 값이 함수일 경우 이를 메소드(method)라 한다. 객체의 의해 비유를 통해 우선 객체의 개념을 이해해보자. 우리는 실생활에서 객체의 예시를 살펴볼 수 있다. 집에서 키우는 고양이, 사용 중인 키보드, 스마트폰 등이 모두 객체다. 이러한 객체들은 상태(state)를 갖거나 행동(behavior)을 한다. 예를 들어, 고양이의 경우 이름, 눈동자 색, 종, 꼬리 모양 등의 상태와 더불어 꾹꾹이, 뛰어 오르기, 잠자기 등의 행동을..
자바스크립트 스코프란? 글로벌, 로컬, 렉시컬 스코프 뜻
안녕하세요. 휘입니다. 오늘은 자바스크립트 스코프에 대해 정리해보려고 합니다. 자바스크립트에서는 변수나 상수, 아규먼트 등이 생성될 때 일종의 접근 범위인 스코프(scope)가 정해지는데요. 스코프에는 글로벌 스코프(global scope)와 로컬 스코프(local scope)가 존재하며, 자바스크립트는 렉시컬 스코프(lexical scope) 방식을 따릅니다. 과연, 어떤 의미일까요? 글로벌 스코프란? 먼저, 글로벌 스코프입니다. 다음 예시에서 myName 변수는 글로벌 스코프를 갖는 전역 변수(global variable)로 선언되었는데요. 글로벌 스코프는 함수 바깥에서도 이를 참조할 수 있게 합니다. var myName = "Jeong" function callingName(){ console.lo..
