4callback, promise등을 사용하는 이유? 자세하게 설명하면 너무 복잡하고 어렵다. 본 포스트에서는 Promise를 사용하는 방법을 알려주는 예제입니다. Promise를 사용해야 하는 이유와 좀 더 심도 깊게 알고 싶은 분들은 구글링을 통하여 한 번 검색해 보시는 걸 추천드립니다. 본 포스트를 보시기에 앞서 동기화와, 비동기화에 대해서는 반드시 사전에 숙지가 되어 있어야합니다. 동기화 비동기화에 대해서 숙지하시지 못하신 분은 아래의 포스트를 먼저 보고 와주시기 바랍니다. developing-move.tistory.com/20 [Javascript] 동기/비동기 처리와 callback 동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 순서를 가지는 지에 있다. 아래 이미지와 같이 Syncro..

npm과의 차이점 npm은 컴퓨터, 혹은 서버에 실제로 모듈을 설치를 하여 실행하는 방식 npx는 실제로 설치하지 않고 일회성으로 사용하는 것이 목적 npx를 사용하는 이유가 궁금하시면 아래 블로그 링크에서 확인해 보세요. 정리가 잘 되어 있습니다. geonlee.tistory.com/32 [npm] 🤔npx란 무엇인가? 🤔 npx란 무엇인가? 우리가 리액트를 처음 시작할 때, 프로젝트를 만드는 패키지인 create-react-app 이 있습니다. npx create-react-app my-app 여기서는 왜 npm이 아닌 npx를 사용하고 npx란 무엇일까요? 👨‍� geonlee.tistory.com npx 테스트를 위해 cowsay를 사용합니다. cowsay는 일종의 개발자들의 재미를 위한 툴로 n..

Static Method 특징 클래스의 constructor(생성자)에 접근하지 않고 바로 static method를 실행하기 때문에 클래스를 생성하지 않고 클래스 내부에 바로 접근하여 실행 가능하다. static method만 있는 클래스인 경우엔 constructor 생략이 가능하다 static method에서는 constructor(생성자)에 선언된 변수, 객체 등 어떤 자료도 접근할 수 없다 예시 소스 // static method를 호출할 클래스 선언 class test { // constructor() { // this.config = {} // } static call() { console.log('static method'); } } // const Test = new test();로 생성..

class 특징 파일을 로드할 때마다가 아닌 한 번만 읽고자 할 때 보통 환경 변수 파일에서 많이 사용함 많은 요청이 와도 클래스는 단 한 번만 생성될 수 있다 클래스 생성 예시 class Robot { //생성자, 파라미터로 초기값을 받음 constructor(name) { this.name = name } speak() { console.log(`${this.name}`); } } const r = new Robot('My name is Mr.Robot'); r.speak(); class extend (클래스 확장) extend 사용하여 클래스를 확장 super() 키워드를 통해 상위 클래스의 생성자를 호출할 수 있다. class Ai extends Robot { constructor(name) { ..

IIFE란 정의 되자마자 즉시 실행되는 자바스크립트 함수를 말한다. 선언 형식은 괄호 안에 익명함수를 작성한다. 이렇게 선언한 함수는 전역 스코프에 불필요한 변수를 추가하여 오염하는 것을 방지할 수 있고 다른 변수들이 접근하는 것을 막을 수 있다. 선언부 자바스크립트 엔진은 맨 마지막의 ()를 통해 해당 함수를 즉시 해석하여 실행한다. 예시 소스(외부에서 내부의 변수에 접근하지 못해 에러 발생) (function () { // 외부로부터 접근이 불가능한 변수 var lang = 'js'; })(); // 오류발생 ReferenceError: lang is not defined // 내부의 lang을 외부에서 접근할 수 없기 때문에 // console.log(lang); 즉시 실행 함수를 변수에 할당하면 ..

startsWith, includes, endsWith는 String 문자 검사를 할 때 대표적으로 사용되는 세 가지이다. startsWith - 가장 첫 번째로 시작하는 문자를 검사 includes - 해당 문자열을 포함하는지 검사 endsWith - 마지막으로 끝나는 문자 검사 예시 소스 'use strict' let string = 'node.js 올인원 패키지'; // 가장 첫 시작 문자 검사 let isStartWith = string.startsWith('n'); // 해당 문자열을 포함하는지 let isIncludes = string.includes('올인원'); // 마지막 끝나는 문자 검사 let isEndWith = string.endsWith('지'); const checkIfCont..