일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- EC2 oh my zsh
- Navigation Pattern
- Linux apt
- JavaScript EventLoop
- Linux 디렉터리 구조
- EC2 Apache2
- EC2 HTTP 호스팅
- HTTP Web Server
- 자바스크립트 이벤트 루프
- Linux pwd
- Linux oh my zsh
- Linux cd
- Linux cat
- javascript scope
- Linux 파일 관리 명령어
- linux background
- Linux rmdir
- javascript 정렬
- 서버의 서비스 방식
- Linux ls
- Logback
- linux foreground
- EC2 zsh
- Linux 디렉터리 명령어
- Linux apt-get
- Linux mkdir
- JavaScript 실행 디버깅
- AWS EC2 서버 만들기
- Linux 디렉터리 역할
- 자바스크립트 런타임
- Today
- Total
목록JavaScript (36)
HyunJun 기술 블로그
1. JS Engine & JS Runtime JS Engine: JavaScript를 해석 및 동작 시키기 위한 엔진이다. 대표적으로 Chrome의 V8 엔진이 있다. 구문을 분석하고, 변수를 저장 및 할당하는 등 자바스크립트 전반적인 해석 및 구동을 담당한다. 예를 들면 Python의 공식 interpreter, Java의 공식 JDK가 있다. JS Runtime: JavaScript를 특정 목적에 맞게 실행시키기 위한 실행 환경이다. JavaScript는 태초에 웹페이지(HTML, CSS)를 동적으로 컨트롤하고자 생긴 언어이므로, JS Runtime이라고 부르면 기본적으로 웹브라우저를 기반으로 한 런타임이 맞다. 하지만 이를 서버용으로 활용하고자 하는 시도들이 나왔고, JS의 핵심인 V8 엔진을 떼..
1. 즉시 실행 함수(IIFE, Immediately Invoked Function Expression) 함수의 정의와 동시에 즉시 호출되어 실행되는 함수를 즉시 실행 함수라고 부른다. 즉시 실행 함수는 이름이 없는 익명 함수이기에, 단 한 번만 호출되며, 다시 호출할 수 없다. number = 123; (function (parameter) { console.log(parameter); })(number); 함수 이름을 지정하여 기명 함수로 작성하여도 해당 함수는 함수 스코프 내에서만 유효하므로, 함수 외부에서 사용할 수 없다. (function func() { console.log(func); })(); // func();
1. 내장 객체 자바스크립트 엔진에 내장된 미리 정의되어 있는 객체를 의미한다. 내장 객체의 종류는 상당히 많지만 중요한 몇 가지만 기술해 보자면 아래와 같은 것들이 있다. Object Function Array MAP Infinity NAN Number Symbol 1) 내장 객체의 쓰임 내장 객체가 있는 것은 알겠는데 무엇을 위해 내장 객체가 존재하는 것일까? 생성자 함수의 역할. 내장 객체의 쓰임은 Array를 예를 들어 보자면, Array는 내장 객체이면서 동시에 생성자 함수이다. 고로 Array를 통해 인스턴스를 만들 수 있고 프로토타입 객체도 존재한다. 실제로 객체 리터럴 "[]"으로 배열을 만들게 되면 내부적으로 new Array()가 동작한다. 결국 첫 번째 쓰임은 배열이라는 것을 만들기 ..
1. 객체(Object)란? 객체지향 관점에서의 객체는 Cat, Dog, Computer 등 실생활에서 우리가 인식할 수 있는 하나의 사물로 이해할 수 있다. 자바스크립트에서의 객체는 키(key)와 값(value)으로 이루어진 프로퍼티(property)들의 집합이다. 또한, 자바스크립트에서는 원시 타입 제외하고는 모두 객체이다. (Array, Object, Function ..) 2. 자바스크립트는 클래스가 없다. 2-1. Java, C++ Java, C++ 등 전통적인 클래스 기반 객체지향 프로그래밍 패러다임 언어는 객체(인스턴스) 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. 또한 이러한 클래스들을 기반으로 상속 및 구현한다. 2-2. JavaScript 이와 다르게 기본적으로..
1. 함수 (Function) 데이터를 입력받아 함수 내부 로직을 거친 뒤 특정 값을 출력할 수 있다. 코드 상에서 자주 쓰이는 내용을 함수로 저장하여 함수 하나로 재사용해서 자주 사용하기도 한다. 기본적인 기능을 가진 함수를 1차 함수라고 한다. /*함수 이름*/ function functionName(/*매개 변수*/) { /*함수 내용*/ } 2. 매개변수와 return 소괄호() 안에 매개 변수를 입력받아 함수에서 사용할 데이터(변수)를 입력받을 수 있다. 이 변수는 함수 내에서만 적용된다. return을 통해 출력할 값을 지정할 수 있다. function sum(num1, num2) { return num1 + num2; console.log("함수는 return에서 출력값을 내고 끝나기 때문에..
1) 산술 연산자 console.log(num1 + num2); // 덧셈 console.log(num1 - num2); // 뺄셈 console.log(num1 * num2); // 곱셈 console.log(num1 / num2); // 나눗셈 console.log(num1 % num2); // 나머지 계산 2) 증감 연산자 num1++(--)은 해당 num1 변수의 값을 log로 찍고 나서 1을 증가 시킨다. 즉, 해당 변수가 있는 위치의 동작을 먼저 실행하고 값이 증가(감소) 한다. (--)++num1은 해당 num1 변수의 값을 1을 증가시키고 나서 log로 찍는다. 즉, 값을 먼저 증가(감소) 시킨 후 동작을 실행한다. let num1 = 10; let num2 = 10; console.log..