JavaScript

사용자와의 상호작용을 가능하게 해주는 웹의 동작을 구현할 수 있는 객체(Object) 기반의 스크립트 언어이다.기본적으로 HTML 안에서 동작하는 언어이며, HTML과 완전히 다른 문법을 가지고 있다.<script> 웹 브라우저에 '지금부터 JavaScript가

String(문자열) 문자를 입력할 때는 큰 따움표, 작은 따옴표를 활용한다.@ ex: "1"+"1"는 2가 아닌 "11"이다.Number(숫자) 따옴표를 사용하지 않고 그냥 숫자를 넣는다.Boolean(불리언) true와 false값이며, on/off라고 생각하면 된

🎈 객체 이론과 활용 Object(객체) 함수와 서로 연관된 변수를 같은 이름으로 그룹핑하기 위한 도구이다. 객체에 포함된 함수는 메소드(method), 변수는 프로퍼티(property)라고 부른다, 객체의 property 끼리를 구분할 때는 콤마(,)를 사용한다.

🎈 함수란? function(함수) 프로그래밍에서 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 프로그램 코드의 집합이다.(리팩토링에서 아주 중요한 역할을 차지한다.) 📋 실습 > code > ✔ 결과물

🎈 배열과 반복문 Consol.log() Consol창에 괄호 안에 있는 결과가 출력된다. while() 조건식이 true일 경우, 계속해서 반복한다. for() 정해진 횟수만큼 반복하며, 반복횟수를 알고 있을 때 사용한다. querySelectorAll() 괄호

🎈 library(라이브러리) 단순 활용가능한 도구들의 집합을 말하며, 내가 만들 제품의 부품을 가지고 와서 사용하는 느낌이다. 개발자가 전체적인 흐름을 알고 기능을 적용해야 한다. framework(프레임워크) 뼈대나 기반구조를 뜻하며, 프로그래밍을 진행할 때 필

🎈 Math Object 다른 개체들과 달리 Math 객체에는 생성자가 없다. constructor 객체를 생성할 때 쓰는 new 키워드 다음에 나오는 것을 constructor(생성자)라 한다. > let zero = new Person(); 에서 Person.

Scope(유효범위) JavaScript의 문법이 아닌 모든 프로그래밍 언어에서의 영역에 대한 개념이다.block{} 내부에서 변수가 정의되면 그 변수는 오로지 block 내부에서만 사용할 수 있다. block 내부에서 정의된 변수를 local variable(지역 변

ECMA Script JavaScript를 이루는 코어 스크립트 언어로써, JavaScript를 표준화하기 위해 만들어졌다.현재 ES10 버전까지 나왔지만 주로 쓰이는 것은 ES6이다. 편리함 함수들과 생소한 문법들도 많이 생겨 따로 공부가 필요하다.ES5와 비교해 달

Javascript는 특정 코드의 실행이 완료될 때까지 기다리지 않고 바로 다음 코드로 넘어간다. 이를 비동기라고 하며 Promise는 Javascript의 비동기 처리에 사용되는 객체이다.이전 fetch 함수를 다룰 때 간단히 학습했지만, 좀 더 정리가 필요할 것 같

📑 await, async > async와 await는 자바스크립트의 비동기 처리 문법 중 하나이다. 기존의 비동기 처리 방식의 단점인 코드가 길어지는 것과 콜백지옥에서 벗어날 수 있게 도와주고, 코드의 가독성을 살려준다. 기본 형태 일반적으로 axios와 같은 프로미스를 반환하는 API 호출 함수에 주로 쓰인다. 위 코드에서는 fetch가 호출되...

Counting Sort(계수 정렬)이란, 배열의 요소들을 비교해서 정렬하는 방식이 아닌, 해당 요소를 카운트해 정렬하는 알고리즘이다. 문제 요소의 범위가 0 <= arr[i] < 100인 배열을 계수 정렬 실행 계수 정렬은 요소 하나하나를 돌며 해당 요소를 계속

스레드란 프로그램, 특히 프로세스 내에서 실행되는 흐름의 단위이다. Javascript가 싱글 스레드인 이유 싱글 스레드 하나의 프로세스에서 하나의 스레드를 실행한다.(직렬적으로 실행) 멀티 스레드 하나의 프로세스에서 둘 이상의 스레드를 동시 실행한다.(병렬적으로

Javascript 기본기 연습을 위한 테스트입니다. > 기본적인 문제들을 보면서 생각보다 기본적인 Javascript 활용에 대해 복습하며, 여러 사람의 다른 풀이 방식을 보며 비교 활용할 수 있게 되어 도움이 된다. > 문제 출처: yeu.kr element 생성

var, let, const의 차이점과 호이스팅에 대한 내용 호이스팅 hoisting이란 코드가 실행되기 전 '변수/함수의 선언'이 해당 스코프에서 가장 최상위로 끌어 올려지는 현상이다.(끌어 올리는 행위 자체를 말하는 것이 아니다.) 자바스크립트 엔진은 코드를

자바스크립트의 모든 값에는 타입이 있다.원시 타입: Number String Boolean Undefined Null데이터 복사가 일어날 때, 메모리 공간을 새로 확보해 독립적인 값을 저장한다.참조 타입: Object ( Array Function Regex 모두 객체

ES5까지는 변수 선언 키워드가 var 밖에 없었다. 아래에서 var 키워드의 특징을 살펴보자.변수 중복 선언 허용위처럼 한 번 선언했다고 해도 무시하고 중복 선언해도 에러가 나지 않고 이후에 선언한 값으로 바뀐다.초기화문이 있는 변수 선언문은 JS 엔진에 의해 var

new 연산자와 함께 Obejct 생성자 함수를 호출하면 빈 객체를 생성 후 반환한다. 그 이후 프로퍼티 또는 메서드를 추가해 객체를 완성할 수 있다.생성자 함수란 new Object와 같이 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에

19장에서 살펴보았듯이 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리 단위로 묶은 복합적인 자료구조이다.메서드는 자신이 속한 객체의 프로퍼티를 참조하고 변경할 수 있어야 한다. 이 때 메서드가 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리

배열이란?배열(Array) 여러 개의 값을 순차적으로 나열한 자료구조다. 매우 사용 빈도가 높으며 배열 메서드를 능숙하게 다룰 수 있다면 코딩에 매우 도움이 된다.배열이 가지고 있는 apple 같은 값을 요소(element)라고 부르며, 자바스크립트의 모든 값은 배열의