방과후 개발&계발노트

비동기 프로그래밍은 JavaScript에서 매우 중요한 부분을 차지하며, 웹 개발에서 자주 사용됩니다. JavaScript는 기본적으로 단일 스레드 언어이기 때문에, 비동기 작업을 효율적으로 처리할 수 있는 방법이 필요합니다. 이를 위해 콜백, 프로미스, 그리고 async/await 같은 패턴 및 구문이 사용됩니다.콜백 (Callback)콜백 함수는 다른 함수에 인자로 넘겨지는 함수로서, 어떤 이벤트가 발생한 후나 특정 작업이 완료된 후에 호출됩니다. 콜백은 비동기 프로그래밍에서 오랜 기간 사용된 패턴이지만, 너무 많이 중첩되면 코드가 복잡해지는 “콜백 지옥”이 발생할 수 있습니다.const fs = require('fs'); // Node.js의 파일 시스템 모듈 fs.readFile('example...

JavaScript에서 프로토타입과 상속은 객체 지향 프로그래밍의 핵심 개념 중 하나입니다. 이 개념들은 객체들이 속성과 메소드를 공유하고 상속받는 방법을 정의합니다. JavaScript에서는 전통적인 클래스 기반 언어와 달리, 프로토타입을 통한 상속 모델을 사용합니다.프로토타입 (Prototype)JavaScript의 모든 객체는 prototype 객체를 가집니다. 이 프로토타입 객체는 다른 객체에 공유 속성(메서드 포함)을 제공하는 데 사용됩니다. 즉, JavaScript의 상속은 프로토타입 객체를 통해 속성과 메서드를 자식 객체에 전달하는 방식으로 이루어집니다.function Person(name) { this.name = name;}Person.prototype.greet = function..

JavaScript에서 this 키워드는 함수가 호출되는 맥락(context)에 따라 그 의미가 달라집니다. this의 값은 함수가 호출되는 방식에 따라 결정되며, 다양한 시나리오에서 다르게 작동합니다.1. 전역 컨텍스트에서의 this전역 실행 컨텍스트에서 this는 전역 객체를 가리킵니다. 브라우저에서는 window 객체가, Node.js에서는 global 객체가 됩니다.console.log(this === window); // 브라우저에서는 true2. 함수에서의 this일반 함수에서 this의 값은 함수를 호출하는 방식에 따라 결정됩니다.일반 함수 호출함수 내에서 this는 전역 객체를 가리키는 경우가 일반적입니다(엄격 모드에서는 undefined).function showThis() { co..

const url = window.location.href; // 확장자포함한 파일명 const filename_ex = url.match(".+/(.+?)([\?#;].*)?$")[1]; // 확장자없이 파일명만 const filename = url.match(".+/(.+?)\.[a-z]+([\?#;].*)?$")[1];

일단 프로젝트안에서 dayjs를 인스톨할것 https://day.js.org/ $ npm install dayjs 간단한 dayjs사용법 import dayjs from 'dayjs' let dayjsDate = dayjs('2019-03-01') // 2019-03-01일자 dayjs 객체 할당 dayjsDate.add(1, 'day') // 1일 추가(반영 X) console.log(dayjsDate.format('YYYY-MM-DD')) // '2019-03-02'가 아닌 '2019-03-01'가 출력됨 dayjsDate = dayjsDate.add(1, 'day') // 1일 추가 console.log(dayjsDate.format('YYYY-MM-DD')) // '2019-03-02' utili..