JavaScript
동기와-비동기
🔸동기 자바스크립트는 코드가 작성된 순서대로 작업을 처리함 이전 작업이 진행중 일때는 다음 작업을 수행하지 않고 기다림 먼저 작성된 코드를 먼저 다 실행하고 나서 뒤에 작성된 코드를 실행 →동기 방식 동기처리의 단점은 하나의 작업이 너무 오래 걸릴시 하나의 작업이 끝날때 까지 모든 작업이 중단되기 때문에 전반적인 흐름이 느려진다.  🔸비동기 싱글 스레드 방식의 문제점으로 비동기작업이 생겼다 … 더 읽기
2-자바스크립트-코드-실행-과정-및-용어정리
1-자바스크립트 코드 실행 과정 평가(Evaluation)→실행(Execution)→값→렌더링 console.log(name); var name = "John"; function greet() { return "Hello " + name; } let message = greet(); 1-1-[평가 (Evaluation)] 변수, 함수(호이스팅) 등록 → 자바스크립트 엔진이 실행 전에 코드를 쭉 훑어보고,변수와 함수 정보를 메모리에 미리 등록합니다. 종류 이름 초기값 등록 위치 변수 name undefined 전역 변수 message 초기화 안 됨 … 더 읽기
http-통신-이란
1️⃣ 클라이언트와 서버 🔗MDN HTTP 1. 네트워크 개요 Info: 💼 네트워크=> 컴퓨터와 컴퓨터간의 연결 네이버에 접속하면 뉴스와 쇼핑, 이메일등의 각종 편의 서비스를 이용할수 이유는 내 컴퓨터나 휴대폰이 네이버 회사의 컴퓨터와 네트워크로 연결되어 있기 때문이다 2. 클라이언트와 서버 네트워크로 연결된 컴퓨터는 크게 두개로 나눌수 있다. 정보를 요청해서 받는 ⇒ 클라이언트(Client) 정보를 제공해 주는 ⇒ 서버(Server) 보통 … 더 읽기
module-export-import
🔗모듈학습 🔗MDN모듈문서 Info: 📢 프로그래밍에서 모듈 이란 프로그램을 구성하는 구성요소의 일부 다른 사람의 코드나, 내가 잘게 쪼개 놓은 코드를 재사용하고 싶을 때 쓴다 export,default ✏️module.html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>modules</h1> <button>say</button> <script> document.querySelector('button').addEventListener('click', () => { say("망고") }) function say(user) { alert(`'hello',${user}`) } </script> … 더 읽기
generator
1. 특징 반복가능한 이터레이터를 반환함 작업의 일시정지,재시작이 가능하며 스스로 상태관리를 함 2. syntax function* 으로 시작하며 반드시 yield 를 포함한다 function* gen() { yield 1; //포인트1 yield 2; //포인트2 yield 3; //포인트3 } const iter = gen(); // gen()는 호출해도 바로실행되지 않고 이터레이터를 반환함 console.log(iter.next()); //{ value: 1, done: false } console.log(iter.next()); //{ value: 2, … 더 읽기
destructuring
구조 분해 할당 (Destructuring Assignment) 구조 분해 할당은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식입니다. 배열 해체 (Array Destructuring) 배열 해체는 배열의 각 요소를 변수에 할당하는 것입니다. 배열 해체는 기본값과 같은 다양한 변수 할당 방식을 사용하여 변수를 초기화 할 수 있습니다. /** * array destructuring */ const arr … 더 읽기
spread-operator
Spread operator란? … 반복가능한(이터러블:iterable) 객체를 반환하는 표현식 앞에 표기하여 요소를 펼칠수있다 이 연산자를 사용하면 기존의 요소를 유지하면서 새로운 요소를 추가하거나, 요소를 수정할 수 있습니다. //array const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = […arr1, …arr2]; // [1, 2, 3, 4, 5, 6] const arr4 = […arr1]; // [1, … 더 읽기
reduce
자바스크립트의 reduce() 함수는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환하는 강력한 배열 메서드입니다. 기본 구문 arr.reduce((accumulator, currentValue, currentIndex, array) => { // 리듀서 함수 로직 }, initialValue) 기본적인 숫자 합계 계산: const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((acc, current) => acc + current, 0); console.log(sum); // … 더 읽기