티스토리

방과후 개발&계발노트
검색하기

블로그 홈

방과후 개발&계발노트

devlog.czenhe.me/m

방과후 공부, 독서, IT노트 //////// 도쿄거주중인 프론트엔드 개발자

구독자
11
방명록 방문하기
공지 [티스토리] 구독과 댓글이 안되는 분⋯ 모두보기
반응형

주요 글 목록

  • [JavaScript] 비동기 프로그래밍: 콜백, 프로미스, async/await 비동기 프로그래밍은 JavaScript에서 매우 중요한 부분을 차지하며, 웹 개발에서 자주 사용됩니다. JavaScript는 기본적으로 단일 스레드 언어이기 때문에, 비동기 작업을 효율적으로 처리할 수 있는 방법이 필요합니다. 이를 위해 콜백, 프로미스, 그리고 async/await 같은 패턴 및 구문이 사용됩니다.콜백 (Callback)콜백 함수는 다른 함수에 인자로 넘겨지는 함수로서, 어떤 이벤트가 발생한 후나 특정 작업이 완료된 후에 호출됩니다. 콜백은 비동기 프로그래밍에서 오랜 기간 사용된 패턴이지만, 너무 많이 중첩되면 코드가 복잡해지는 “콜백 지옥”이 발생할 수 있습니다.const fs = require('fs'); // Node.js의 파일 시스템 모듈 fs.readFile('example... 공감수 49 댓글수 0 2024. 7. 11.
  • [JavaScript] 프로토타입과 상속: 객체 지향 프로그래밍 개념, 프로토타입 체인, 상속 방법 JavaScript에서 프로토타입과 상속은 객체 지향 프로그래밍의 핵심 개념 중 하나입니다. 이 개념들은 객체들이 속성과 메소드를 공유하고 상속받는 방법을 정의합니다. JavaScript에서는 전통적인 클래스 기반 언어와 달리, 프로토타입을 통한 상속 모델을 사용합니다.프로토타입 (Prototype)JavaScript의 모든 객체는 prototype 객체를 가집니다. 이 프로토타입 객체는 다른 객체에 공유 속성(메서드 포함)을 제공하는 데 사용됩니다. 즉, JavaScript의 상속은 프로토타입 객체를 통해 속성과 메서드를 자식 객체에 전달하는 방식으로 이루어집니다.function Person(name) { this.name = name;}Person.prototype.greet = function.. 공감수 51 댓글수 0 2024. 7. 10.
  • [JavaScript] this 키워드: 함수 호출 맥락에 따른 this의 의미 JavaScript에서 this 키워드는 함수가 호출되는 맥락(context)에 따라 그 의미가 달라집니다. this의 값은 함수가 호출되는 방식에 따라 결정되며, 다양한 시나리오에서 다르게 작동합니다.1. 전역 컨텍스트에서의 this전역 실행 컨텍스트에서 this는 전역 객체를 가리킵니다. 브라우저에서는 window 객체가, Node.js에서는 global 객체가 됩니다.console.log(this === window); // 브라우저에서는 true2. 함수에서의 this일반 함수에서 this의 값은 함수를 호출하는 방식에 따라 결정됩니다.일반 함수 호출함수 내에서 this는 전역 객체를 가리키는 경우가 일반적입니다(엄격 모드에서는 undefined).function showThis() { co.. 공감수 51 댓글수 0 2024. 7. 9.
  • [JavaScript] Scope스코프와 Closer클로저 JavaScript에서 스코프와 클로저는 매우 중요한 개념입니다. 스코프는 변수와 함수가 어디서 어디까지 접근 가능한지를 정의하는 범위입니다. 클로저는 함수가 정의될 때의 렉시컬 환경을 기억하여, 함수가 스코프 밖에서 호출되어도 해당 환경에 접근할 수 있게 하는 기능입니다.스코프 (Scope)JavaScript의 주요 스코프 유형은 다음과 같습니다:1. 전역 스코프 (Global Scope): 코드의 모든 부분에서 접근 가능한 변수나 함수.2. 함수 스코프 (Function Scope): 함수 내부에서 선언된 변수나 함수는 함수 외부에서 접근할 수 없습니다.3. 블록 스코프 (Block Scope): let과 const로 선언된 변수는 그들이 선언된 블록(일반적으로 {} 내부) 내에서만 접근 가능합니다... 공감수 51 댓글수 0 2024. 7. 9.
  • [JS정규표현식] URL에서 화일명을 취득하는 정규표현식 const url = window.location.href; // 확장자포함한 파일명 const filename_ex = url.match(".+/(.+?)([\?#;].*)?$")[1]; // 확장자없이 파일명만 const filename = url.match(".+/(.+?)\.[a-z]+([\?#;].*)?$")[1]; 공감수 6 댓글수 0 2021. 9. 22.
  • [JS라이브러리] dayjs를 이용하여 자주 사용하는 날짜 변환클래스 작성하기 일단 프로젝트안에서 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.. 공감수 7 댓글수 0 2021. 9. 22.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.