입문

ECMAScript는 4가지로 소스코드를 구분한다. 4가지 타입의 소스코드는 실행 컨텍스트를 생성한다. 전역코드 – 전역에 존재하는 소스코드 함수코드 – 함수 내의 코드 eval 코드 – eval 함수의 인수로 전달된 실행 코드 모듈코드 – 모듈내의 코드 위 4가지 타입별 실행컨텍스트의 생성과정과 관리방법의 차이가 있으나 1과 2의 사용빈도가 높으므로 이것만 다루도록 한다. 1-실행컨텍스트(Excution Context) 1-1-정의 자바스크립트 코드가 실행되는 공간(환경) … 더 읽기

연산자 mdn 1. 연산자란? 프로그램에서 특정한 동작을 하도록 지시하는 기호. 프로그래밍에서 연산이란 사칙연산은 물론 문자열을 연결해서 새로운 문자열을 만들고 값의 크기를비교하는 등의 여러가지 동작을 의미한다. 이런 연산을 지시하는 기호가 연산자이다. 산술,관계,할당,논리,부정,삼항,비트,단항,등이 있다. 1.1. 연산자의 종류 연산자 유형 연산자 설명 산술 연산자 + 덧셈 – 뺄셈 * 곱셈 / 나눗셈 % 나머지 계산 ++ 증가 (값에 … 더 읽기

Promise : javascript의 비동기 처리를 지원하는 객체 중 하나 Promise 객체는 then과 catch 메서드를 가지고 있다. 1. then (콜백) 는 통신성공시 결과값 반환 1. catch (콜백) 는 통신에러시 결과값 반환 ☑ promise 객체를 반환하는 대표적인 함수 fetch 를 알아보자 📢 🔗mdn 문서를 읽어보자 🔗문법을 보자 🔗리턴되는 값을 보자 ✏️실습 1 var fetched=fetch('https://jsonplaceholder.typicode.com/photos'); console.log(`fetched, ${fetched}`) (☞ﾟヮﾟ)☞ … 더 읽기

자바스크립트(JavaScript)에서 배열 데이터를 가공할 때는 배열의 각 요소를 순회하면서 새로운 형태로 변환하는 작업이 자주 발생한다. map(맵) 메서드는 기존 배열의 모든 요소를 순회하며 지정된 콜백 함수(Callback function, 다른 함수의 인자로 전달되는 함수)를 실행하고, 그 반환값들을 모아 새로운 배열을 생성하는 내장 함수이다. 반복문 없이도 배열 데이터를 일괄적으로 변환할 수 있어 코드의 가독성을 높이고 중복을 줄일 수 있다. … 더 읽기

🔸동기 자바스크립트는 코드가 작성된 순서대로 작업을 처리함 이전 작업이 진행중 일때는 다음 작업을 수행하지 않고 기다림 먼저 작성된 코드를 먼저 다 실행하고 나서 뒤에 작성된 코드를 실행 →동기 방식 동기처리의 단점은 하나의 작업이 너무 오래 걸릴시 하나의 작업이 끝날때 까지 모든 작업이 중단되기 때문에 전반적인 흐름이 느려진다. ❓멀티스레드 🔸비동기 싱글 스레드 방식의 문제점으로 비동기작업이 생겼다 … 더 읽기

1-자바스크립트 코드 실행 과정 평가(Evaluation)→실행(Execution)→값→렌더링 console.log(name); var name = "John"; function greet() { return "Hello " + name; } let message = greet(); 1-1-[평가 (Evaluation)] 변수, 함수(호이스팅) 등록 → 자바스크립트 엔진이 실행 전에 코드를 쭉 훑어보고,변수와 함수 정보를 메모리에 미리 등록합니다. 종류 이름 초기값 등록 위치 변수 name undefined 전역 변수 message 초기화 안 됨 … 더 읽기

1. 자바스크립트의 역할 자바스크립트는 웹의 초창기 시절부터 지금까지 웹브라우저에서 꾸준히 사용해온 언어이다. 또한 계속 발전하고 있다. ECMA script 공식사이트 모던자바스크립트 튜토리얼 MDN JS tutorial 1.1. 웹의 요소 제어 html은 내용을 구성한다 css 는 디자인을 지정한다. js는 요소를 움직이거나 데이터를 동적으로 변경한다. 1.2. 웹 애플리케이션 제작 과거의 웹이 단순한 정보 제공이 목적이었다면 근대의 웹은 사용자와의 상호작용을 … 더 읽기

1️⃣ 클라이언트와 서버 🔗MDN HTTP 1. 네트워크 개요 💼 네이버에 접속하면 뉴스와 쇼핑, 이메일등의 각종 편의 서비스를 이용할수 이유는 내 컴퓨터나 휴대폰이 네이버 회사의 컴퓨터와 네트워크로 연결되어 있기 때문이다 2. 클라이언트와 서버 네트워크로 연결된 컴퓨터는 크게 두개로 나눌수 있다. 정보를 요청해서 받는 ⇒ 클라이언트(Client) 정보를 제공해 주는 ⇒ 서버(Server) 보통 우리가 사용하는 웹, 앱은 클라이언트이고, … 더 읽기

🔗모듈학습 🔗MDN모듈문서 📢 프로그래밍에서 모듈 이란  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> </body> </html> 일반 html 문서작성후 모듈화 한다 ✏️say.js /*export 를 변수나 함수 앞에 붙이면 외부 모듈에서 … 더 읽기

자바스크립트의 제너레이터(generator, 생성기)는 함수의 실행을 중간에 멈추고 원하는 시점에 다시 재개할 수 있는 특별한 함수이다. 일반 함수가 실행되면 끝까지 실행된 후 반환값을 전달하는 것과 달리, 제너레이터는 여러 번에 걸쳐 값을 나누어 산출한다. 이 기능을 통해 이터러블(iterable, 순회 가능한 객체)이자 이터레이터(iterator, 반복자) 객체를 손쉽게 생성할 수 있다. 1. 특징 제너레이터는 순회 가능한 이터레이터를 생성하여 반환하는 함수이다. … 더 읽기