본문 바로가기

코드 정리44

[자바스크립트 14일 완전정복] 8일차 - 비동기 처리 (Async & Await, Promise) 자바스크립트는 싱글 스레드(Single Thread) 기반 언어라서 한 번에 하나의 작업만 실행할 수 있어요. 하지만, 비동기 처리(Asynchronous Processing) 개념을 활용하면 시간이 오래 걸리는 작업(예: API 요청, 파일 읽기 등)을 중단하지 않고 효율적으로 실행할 수 있습니다.오늘은 비동기 처리의 핵심 개념인 동기 vs 비동기, setTimeout과 setInterval, Promise, 그리고 async/await를 배워보겠습니다.  1. 동기(Synchronous) vs. 비동기(Asynchronous) 개념1.1 동기 처리란?동기(Synchronous) 방식은 코드가 순차적으로 실행되는 방식이에요.console.log("작업 1 시작");console.log("작업 2 실행".. 2025. 3. 10.
[자바스크립트 14일 완전정복] 7일차 - ES6+ 문법과 최신 자바스크립트 자바스크립트는 지속적으로 발전하고 있으며, ES6(ECMAScript 2015) 이후 도입된 새로운 문법들은 코드를 더 간결하고 직관적으로 작성할 수 있도록 도와줍니다. 오늘은 ES6+에서 추가된 핵심 개념인 템플릿 리터럴, 구조 분해 할당, 기본 매개변수, 스프레드 연산자, let과 const의 차이를 학습해 보겠습니다.   1. 템플릿 리터럴 (Template Literal)기존 문자열을 다룰 때는 ", '로 감싸야 하고, 문자열 안에 변수를 넣으려면 + 연산자를 사용해야 했어요. **템플릿 리터럴(Template Literal)**을 사용하면 백틱(```)을 이용해 더 직관적으로 문자열을 작성할 수 있습니다.1.1 기본 사용법let name = "이예나";let age = 28;// 기존 방식 (E.. 2025. 3. 9.
[자바스크립트 14일 완전정복] 6일차 - 고급 배열 메서드와 깊은 복사 vs 얕은 복사 자바스크립트에서 배열을 다룰 때 단순히 push()나 pop() 같은 기본 메서드만 사용하면 비효율적인 경우가 많아요.오늘은 고급 배열 메서드인 forEach(), map(), filter(), reduce()의 활용법을 배우고, 깊은 복사(Deep Copy)와 얕은 복사(Shallow Copy)의 차이점을 이해해 보겠습니다.  1. 고급 배열 메서드 활용하기1.1 forEach() - 배열 요소를 순회하며 실행forEach()는 배열의 각 요소에 대해 주어진 함수를 실행하는 메서드예요. 단, 배열을 변경하거나 새로운 배열을 반환하지 않고 단순히 반복(iterate)하는 용도로 사용됩니다.let numbers = [1, 2, 3, 4, 5];numbers.forEach((num) => { console.. 2025. 3. 8.
[자바스크립트 14일 완전정복] 5일차 - 객체와 배열 자바스크립트를 다루면서 가장 자주 만나게 되는 개념 중 하나가 객체(Object)와 배열(Array)입니다. 객체는 데이터를 구조적으로 관리하는 데 필수적이며, 배열은 데이터를 효율적으로 저장하고 조작하는 데 유용한 도구입니다. 오늘은 객체를 생성하고 다루는 방법, this 키워드의 개념, 배열의 기본적인 활용법에 대해 자세히 알아보겠습니다.  1. 객체(Object)란?객체는 키(key)와 값(value)으로 이루어진 데이터 구조입니다. 자바스크립트에서 객체를 활용하면 여러 개의 관련된 값을 하나로 묶어 다룰 수 있습니다.1.1 객체 생성 방법객체를 생성하는 방법은 여러 가지가 있지만, 가장 많이 사용되는 두 가지 방법은 객체 리터럴(Object Literal)과 new Object()입니다.(1) 객.. 2025. 3. 7.
[자바스크립트 14일 완전정복] 4일차 - 함수와 스코프 자바스크립트 공부 4일차! 오늘은 프로그래밍에서 가장 중요한 개념 중 하나인 함수를 배워볼 거예요.함수는 코드의 재사용성을 높이고 유지보수를 쉽게 해주는 필수 요소예요.특히, 함수 선언식과 표현식의 차이, 매개변수와 기본값 설정, 화살표 함수, 함수와 블록 스코프(var, let, const의 차이), 그리고 클로저(Closure) 개념을 정확히 이해하면 자바스크립트를 더 깊이 있게 활용할 수 있어요!   1. 함수 선언식 vs 표현식자바스크립트에서 함수를 선언하는 방법에는 **함수 선언식(Function Declaration)**과 함수 표현식(Function Expression) 두 가지가 있어요.✅ 함수 선언식 (Function Declaration)함수 선언식은 function 키워드를 사용하여 .. 2025. 3. 6.
[자바스크립트 14일 완전정복] 3일차 - 연산자와 제어문 자바스크립트 공부 3일차! 오늘은 연산자와 제어문을 배워볼 거예요.연산자는 데이터를 계산하고 조작하는 기본 도구이고, 제어문은 코드의 흐름을 조절하는 중요한 문법이에요.특히, 산술 연산자, 비교 연산자, 논리 연산자, 조건문(if, else, switch), 반복문(for, while, do while), 그리고 break와 continue 활용법을 알아두면 실전에서 많이 써먹을 수 있어요!  1. 연산자 (Operators)연산자는 값을 계산하거나 비교할 때 사용돼요.크게 산술 연산자, 비교 연산자, 논리 연산자로 나눌 수 있어요.✅ 산술 연산자 (Arithmetic Operators)숫자를 계산할 때 사용하는 연산자예요.연산자 설명 예제 (a = 10, b = 3)+더하기a + b = 13-빼기a -.. 2025. 3. 5.

티스토리툴바