[JS] 비동기 프로그래밍(3) : Async/Await

안녕하세요. 오늘은 자바스크립트 Async/Await에 대해 알아보도록 하겠습니다. (유튜브 '코드팩토리'님의 강의 일부를 참고하였습니다.)   Async/Await란?자바스크립트에서 비동기 코드를 동기 코드처럼 작성할 수 있게 해주는 문법이며, 'async'와 'await' 키워드는 프로미스(Promise)와 함께 사용되며 비동기 작업의 결과를 기다린 후 코드를 계속 실행할 수 있게 해줌 asyncasync 키워드가 붙은 함수는 항상 프로미스를 반환함함수 내에서 await를 사용하여 비동기 작업이 완료될 때까지 기다릴 수 있음awaitasync 함수 내에서만 사용할 수 있으며 프로미스가 이행(fulfilled)되거나 거부(rejected)될 때까지 기다림await는 프로미스의 이행 결과를 반환하거나, ..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 23.
• textsms

[JS] 비동기 프로그래밍(2) : 프로미스(Promise)

안녕하세요. 오늘은 콜백지옥을 타개하기 위해 나온 자바스크립트 프로미스에 대해 알아보도록 하겠습니다. (유튜브 '코드팩토리'님의 강의 일부를 참고하였습니다.)   프로미스(Promise)란?비동기 작업의 최종 완료 또는 실패를 나타내는 자바스크립트 객체프로미스는 비동기 작업이 완료될 때 결과 값을 반환하거나 작업이 실패할 경우 에러를 전달함 프로미스 상태 3가지대기(Pending) - 초기 상태로, 이행하거나 거부되지 않은 상태이행(Fulfilled) - 작업이 성공적으로 완료된 상태거부(Rejected) - 작업이 실패한 상태const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('완료'); },..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 23.
• textsms

[JS] 비동기 프로그래밍(1) : 콜백 함수(Callback Function)

안녕하세요. 오늘은 자바스크립트 비동기 프로그래밍 함수인 콜백 함수에 대해 알아보도록 하겠습니다.   콜백 함수란?다른 함수에 매개변수로 전달되어 나중에 실행되는 함수즉, 특정 작업이 완료되거나 특정 이벤트가 발생했을 때 호출되는 함수를 의미함function greeting(name) { console.log(`Hello, ${name}!`);}function userInput(callback) { const name = "뭉이"; callback(name);}userInput(greeting); // Hello, 뭉이!위 코드에서 'greeting' 함수는 콜백 함수로 사용되고, 'userInput' 함수는 매개변수로 콜백 함수를 받아 이를 호출하여 'greeting' 함수를 실행함   콜백 함수..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 23.
• textsms

[JS] 배열 메소드(Array Method) 총정리

안녕하세요. 오늘은 유튜브 코드팩토리님의 자바스크립트 강의 영상을 참고하여 JS의 배열 메소드 종류에 대해 좀 더 자세히 작성해보도록 하겠습니다.   요소 추가 및 삭제push(요소1, 요소2, ...)배열의 마지막에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환let iveMembers = ['안유진', '가을', '레이', '장원영', '리즈', '이서];console.log(iveMembers.push('코드팩토리')); // 7console.log(iveMembers); // [ '안유진', '가을', '레이', '장원영', '리즈', '이서', '코드팩토리' ] pop()배열의 마지막 요소를 제거하고 제거된 요소를 반환console.log(iveMembers.pop()); // 코드팩토..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 22.
• textsms

[JS] 데이터 타입 총정리

내가 보려고 만든 자바스크립트 데이터 타입 총정리!  원시 타입(Primitive Types)더 이상 나눌 수 없는 기본 데이터 타입을 의미합니다. 숫자(Number)정수와 실수 모두 포함let age = 25;let price = 99.99; 문자열(String)텍스트 데이터를 나타내는 타입으로, 큰따옴표나 작은따옴표로 감싸서 표현let name = "조이";let greeting = 'Hello!'; 불리언(Boolean)'true' 또는 'false' 값을 가짐let isActive = true;let hasAccess = false; undefined변수가 선언되었지만 값이 할당되지 않은 상태를 나타냄let unassignedVar; // 값이 할당되지 않음, undefined null명시적으로 ..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 21.
• textsms

[JS] Copy by Value & Copy by Reference (+ Spread Operator)

안녕하세요. 오늘은 유튜브 코드팩토리님의 자바스크립트 강의 영상을 참고하여 Copy by Value & Reference에 대해 좀 더 자세히 작성해보도록 하겠습니다.  자바스크립트에서 변수를 복사하거나 전달할 때 값에 의한 복사(Copy by Value)와 참조에 의한 복사(Copy by Reference)라는 두 가지 중요한 개념이 있습니다.   1. Copy by Value(값에 의한 복사)기본 데이터 타입(Primitive Types)에 적용변수의 값을 새로운 메모리 공간에 복사하는 방식원본 변수와 복사된 변수 간에 완전히 독립적인 메모리 공간이 할당됨즉, 하나의 변수를 변경해도 다른 변수에 영향을 미치지 않음 기본 데이터 타입(Primitive Types)StringNumberBooleanNul..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 21.
• textsms