본문 바로가기

자바스크립트20

JS와 Node.js 그리고 V8 자바스크립트 엔진 JS 자바스크립트와 node.js 자바스크립트는 독립적인 언어가 아닌 스크립트 언어로 특정한 프로그램 안에서만 작동한다. 웹 브라우저가 없으면 사용할 수 없는 단점이 있는데 Node.js는 터미널 프로그램에서 node를 입력하여 브라우저 없이도 자바스크립트를 실행할 수 있게 해준다. node.js의 장점으로는 - 비동기 처리로 인해 매우 빠른 고성능 서버를 구현할 수 있다. - 한 가지 언어만으로도 서버-클라이언트 모두 개발할 수 있다. - 적은 양의 자원으로 일을 처리할 수 있다. - 커뮤니티 이용율 및 참여율이 높다. 자바스크립트는 프로그래밍 언어이고 Node.js는 브라우저 밖에서의 자바스크립트 실행프로그램. 자바스크립트는 브라우저에서만 작동하고 document를 다루나 Node.js는 데스크탑에서.. 2022. 3. 13.
Promise와 Promise.all Promise와 Promise.all promise는 자바스크립트 비동기 처리에 사용되는 객체다. 비동기 처리란 '특정 코드가 실행 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특징'을 말한다. 3가지 상태를 가지고 있는데 다음과 같다. - Pending(대기) : 비동기 처리가 아직 완료되지 않은 상태 - Fulfiled(이행) : 비동기 처리가 완료되어 프로미스 결과 값을 반환해준 상태 - Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 promise의 처리 흐름은 위 이미지를 참고하자. promise.all 메서드는 위 이미지처럼 비동기적으로 병렬로 실행한다. 그래서 위의 async await로 그냥 실행했을 경우에는 6초라는 시간이 걸리는 반면, p.. 2022. 3. 1.
자바스크립트 정규표현식 기초 정규 표현식은 주로 문자열 데이터가 있을 때 이 데이터가 현재 페이지에 적합한 용도로 사용이 되는지를 체크하는데에 매우 유용한 자바스크립트 기능이다. 주로 회원가입 페이지에서 자주 쓰이곤 한다. / [조건] /.test / 슬래시 사이에 조건을 넣어두고 test를 하면 true 혹은 false 값을 얻을 수 있다. \w : 문자 \d : 숫자 그리고 \ 백슬래시에 w를 붙이면 문자, d를 붙이면 숫자가 된다. 하지만 // 슬래시 안에 그냥 넣어두면 순서와 상관없이 문자와 숫자만 있으면 true값을 출력하게 된다. 순서가 필요하다면 /^ [조건] $/ ^는 시작을 의미하고 $는 끝을 의미한다. +: 1개 이상 . : 모든 문자 의미 \ : escape \. : 문자열 점 \w{3} : 문자 3개 [0-9].. 2022. 2. 21.
Object.keys(), values(), entries(), assign() 자바스트립트를 다루면서 객체(Object)를 점점 많이 다루게 된다. 그렇기에 메서드를 많이 접하게 되는데 keys(), values(), entries(), assgin()을 다뤄보려고 한다. Object.keys() 이 메서드는 주어진 객체의 key들을 일반적인 반복문과 동일한 순서로 배열로 반환한다. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(object1)); // expected output: Array ["a", "b", "c"] object1의 key는 a, b, c로 주어져 있으며 Object.keys(object1)을 활용하면 된다. 그러면 새로운 배열로 ["a", "b", "c"]를 반환받을.. 2022. 2. 19.

티스토리툴바