JavaScript 비동기 3 : async/await

1. async/await 문법async/await 문법은 Promise 기반 비동기 코드를 동기 코드처럼 작성할 수 있게 해준다.가독성이 크게 좋아져 비동기 코드의 작성과 이해를 쉽게 만든다. 1.1. 기본 문법1) async async 키워드는 함수가 Promise를 반환하도록 만든다. ex)// async 함수 선언const fetchData = async () => { // ... return userData; // 자동으로 Promise로 래핑됨}; async 함수 내에서 반환하는 모든 값은 자동으로 Promise로 감싸진다. 2) awaitawait 키워드는 Promise가 처리될 때까지 함수 실행을 일시 중지한다. ex)async function getUserData(userId) { ..

• format_list_bulleted JavaScript
• · 2025. 4. 11.
• textsms

JavaScript 비동기 2 : 콜백, Promise

1. 콜백이란?콜백 함수는 자바스크립트에서 비동기 작업을 처리하는 가장 기본적인 방법이다.콜백은 다른 함수에 인자로 전달되는 함수로, 특정 작업이 완료된 후 실행된다.자바스크립트의 함수가 일급 객체(first-class citizen)이기 때문에 가능한 패턴이다. 콜백 함수의 특징함수를 다른 함수의 인자로 전달한다특정 이벤트가 발생하거나 작업이 완료되면 호출된다실행 순서가 보장되어 함수의 실행 흐름을 제어하는 데 사용된다 1.1. 비동기 작업에서의 콜백 패턴비동기 프로그래밍에서 콜백은 작업이 완료된 후 실행되어야 할 코드를 지정하는 데 사용된다. ex)// 비동기 콜백 예제console.log("요청 시작");setTimeout(function() { console.log("타이머 완료 후 실행");}..

• format_list_bulleted JavaScript
• · 2025. 4. 9.
• textsms

JavaScript 비동기 1 : 이벤트 기반

1. 비동기 처리자바스크립트는 태생적으로 싱글 스레드 언어이다.이는 한 번에 하나의 작업만 처리할 수 있다는 의미이다. 그러나 웹 애플리케이션은 다양한 비동기 작업(네트워크 요청, 타이머, 이벤트 처리 등)을 필요로 한다.자바스크립트는 이런 제약 속에서도 비동기 처리를 가능하게 하기 위해 이벤트 루프 기반의 아키텍처를 채택했다.이 아키텍처는 싱글 스레드 환경에서도  Non-Blocking 방식으로 효율적인 비동기 작업을 수행할 수 있게 해준다. 1.1. 동기 vs 비동기동기(Synchronous) 처리코드가 순차적으로 실행된다한 작업이 완료될 때까지 다음 작업은 대기한다코드의 실행 순서가 예측 가능하다ex)console.log("첫 번째 작업");const result = heavyFunction(); ..

• format_list_bulleted JavaScript
• · 2025. 4. 9.
• textsms

프로토타입과 Class

1. 프로토타입이란?자바스크립트는 프로토타입 기반 언어로, 클래스 기반 언어와는 다른 방식으로 객체지향 프로그래밍을 구현한다.프로토타입은 자바스크립트 객체가 다른 객체로부터 메서드와 속성을 상속받는 메커니즘이다. 모든 자바스크립트 객체는 프로토타입 객체에 대한 참조인 [[Prototype]]을 가지고 있다.객체의 프로토타입은 Object.getPrototypeOf(obj) 또는 obj.__proto__로 접근할 수 있다.자바스크립트에서 객체의 속성이나 메서드에 접근할 때, 해당 객체에 없으면 프로토타입 체인을 따라 올라가며 검색한다. 1.1. 객체지향 언어와 자바스크립트의 차이전통적인 클래스 기반 언어(Java, C++ 등)에서는 클래스가 객체의 청사진 역할을 한다.반면 자바스크립트는 클래스 개념 없이 ..

• format_list_bulleted JavaScript
• · 2025. 4. 8.
• textsms

print() 함수

1. 기본 사용법print("안녕하세요") # 문자열 출력print(123) # 숫자 출력print(True) # 불리언 출력 2. 데이터 타입별 출력1) 문자열 (String)message = "파이썬 공부 중"print(message) # 변수 출력print("문자열 " + "연결") # 문자열 연결 (+ 연산자)print("반복" * 3) # 문자열 반복 (* 연산자) 2) 숫자 (Numbers)# 정수형 (int)print(10)# 실수형 (float)print(3.14)# 계산 결과 출력print(10 + 5) # 15print(10 / 3) # 3.3333333333333335print(10 // 3)..

• format_list_bulleted Python
• · 2025. 4. 8.
• textsms

개요

어쩌다보니 파이썬도 공부하게 돼버려서.. 일단 당장은 리액트랑 node.js에 집중하고 파이썬은 간단한 문법정도만 익힐 것 같습니다.

• format_list_bulleted Python
• · 2025. 4. 8.
• textsms