JavaScript (5) 썸네일형 리스트형 JavaScript 런타임과 V8 엔진, 비동기 처리 원리 JavaScript 런타임이란? JavaScript 런타임이란 JavaScript가 구동되는 환경을 말한다. JavaScript 런타임의 종류로는 웹 브라우저(크롬, 파이어폭스 등) 프로그램과 Node.js가 있다. 이러한 프로그램들에서 JavaScript가 구동되기 때문에 JavaScript 런타임이라고 한다. JavaScript 는 Node.js 의 등장 전에는 웹 브라우저에서만 실행될 수 있는 클라이언트 언어였지만, Node.js 같은 브라우저 외부의 런타임 환경이 등장하면서 웹 브라우저 바깥에서도 실행할 수 있는 언어가 되었다. V8 엔진 JavaScript 코드를 컴파일하고 실행하기 위해서는 JavaScript 엔진이 필요하다. V8 엔진은 Google에서 개발한 오픈소스 JavaScript 엔.. (JavaScript)localStorage, JSON todoList 코드를 작성하며 localStorage와 JSON에 대해 배웠다. 정리해보려고 한다. localStorage localStorage는 HTML5에서 추가된 웹 스토리지 API 중 하나로, 브라우저에 데이터를 로컬로 저장할 수 있도록 해 준다. (localStorage 객체는 window 객체의 프로퍼티로 정의되어 있다). 키(key)와 값(value)을 사용하여 데이터를 저장하고 가져온다. 키(key)와 값(value)은 문자열만 저장할 수 있다. 데이터 저장하기 localStorage에 데이터를 저장하려면 setItem 메소드를 사용하면 된다. setItem 메소드는 키(key)와 값(value)을 매개변수로 받아서 localStorage에 저장한다. localStorage.setIte.. (JavaScript)문서 객체 다루기 세션을 진행하며 todoList, 로그인을 구현해 보았다. 이 과정에서 배운 것을 정리해보려 한다. HTML 문서가 로드된 후에 자바스크립트 코드를 실행할 수 있게 하기 document.addEventListener('DOMContentLoaded', callback); 를 사용하면, HTML 문서의 모든 요소(이미지, stylesheet, JavaScript파일 등)가 로드되었을 때 callback 함수가 실행된다. 일반적으로 로직, 함수가 어디서 시작하고 어떤 흐름으로 흘러가는지 알기 위해 init 함수를 만들고 callback함수로 init함수를 놓는다. HTML 요소 가져오기 동적인 일을 하려면 HTML 요소를 가져와 다뤄야 한다, 다음과 같은 방법으로 HTML에 있는 요소를 가져올 수 있다. 자.. (JavaScript)forEach, map, filter JavaScript 기초를 배우는 과정에서 forEach, map, filter를 배웠다. forEach, map, filter는 배열을 다루는 메소드이다. 각 요소들을 순환하며 원하는 연산을 실행할 수 있다. 1. forEach() 각 요소들을 전부 순회하며 함수를 실행한다. 다음과 같이 실행할 수 있다. const array = [1, 2, 3, 4, 5] array.forEach((element) => { console.log(element); }); //1 //2 //3 //4 //가 출력됨 모든 요소에 대해 어떤 연산이나 함수를 실행할 때 사용할 수 있다. 2. map() forEach와 같이 모든 요소를 순회하지만, 반환값이 존재하며, 요소의 값을 바꿔 새로운 배열을 반환한다. const ar.. (JavaScript)개념 정리 준비과제를 하며 JavaScript를 복습했다. 간단하게 정리해보려 한다. JavaScript란? JavaScript는 웹 프로그래밍 언어로, 동적으로 웹 페이지를 만들고 사용자와 상호작용할 수 있도록 해 준다. HTML과 CSS와 함께 웹 페이지를 만들기 위한 필수적인 언어 중 하나이다. JavaScript는 이 두 언어를 보완하여 웹 페이지를 동적이고 상호작용적으로 만들어준다. JavaScript의 타입 JavaScript의 자료형은 Primitive Type과 Reference Type이 있다. Primitive Type은 기본 자료형으로 Primitive Type에 속하는 자료형은 다음과 같다. 1. Number : 정수, 실수를 가진다. 2. String : 문자나 문자열을 가진다. 큰따옴표와 .. 이전 1 다음
