JavaScript

Javascript 1. 자바스크립트란? 🔧 자바스크립트는 스크립트 언어, 인터프리터 언어이다. 스크립트 언어 : 어떤 어플리케이션에서 그 코드를 이해하고, 실행할 수 있는 엔진이 존재해서 그 스크립트로 해당 어플리케이션을 제어하기 위해 쓰이는 언어이다. 인터

Javascript 1. 표현식 (Expression) 🔧 값을 만들어내는 간단한 코드를 표현식이라고 한다. 다음과 같이 간단한 변수부터, 값을 더하는 식 또한 표현식이라고 나타낸다. image 🔧 표현식은 값을 만들어내기 때문에 함수의 인자로 사용할 수

Javascript 1. 키워드 (keyword) 🔧 자바스크립트에서 특정한 목적을 위해 사용하는 단어이다. 문법 상 어떤 역할을 하는 단어들이라고 이해하면 편하다. 이런 키워드들은 전부 예약어로 지정되어 있다. 🔧 ( 예시 ) Var = 변수를 선언할 때

Javascript 1. 식별자 (Identfier) 🔧 어떤 이름을 식별할 수 있는 형태로 작성하는 것 코드 내의 변수, 함수 혹은 식별하는 문자열 식별자는 대소문자를 구분한다! 🔧 유니코드(한글), $, _ , 숫자를 사용할 수 있지만, 숫자로 시작할

Javascript 보관소 역할을 하는 변수와 상수 1. 변수 (Variable) 🔧 let + 식별자 : 변수를 선언하는 방법 🔧 이미 선언이 된 변수에 여러번 재할당할 수 있다. 선언이 되지 않은 변수에는 할당을 할 수 없다. 2. 상수 (Consta

Javascript 1. 호이스팅 자바스크립트의 특성 상 아래쪽에 함수를 선언하고, 먼저 사용하는 경우가 있다. 🔧 아래 있는 선언을(만) 끌어올린다. = hoisting 함수가 아닌 var 변수에도 해당된다. 선언을 아래서 하고, 위에서 사용한다. 다음과

Javascript 자료형 ( Data Types ) 🔧 동적 타이핑 : 문자열을 할당하면 문자 자료형, 숫자를 할당하면 숫자 자료형이 된다. 값에 따라서 변수의 타입이 달라진다. 파이썬과 동일하다! 🔧 변수가 가지는 고정 타입이 없는 것이지, 타입이 없는

Javascript 조건문 1. if문 🔧 표현식이 참으로 평가될 때, 실행되는 블럭 블럭에 코드가 한줄이면 중괄호는 생략 가능하다. 🔧 표현식이 거짓으로 평가될 때 = Falsy 한 값들🤥 False 0 "" : 비어있는 문자열 null undef

Javascript 반복문 1. for문 break를 이용해 반복문을 즉시 종료할 수 있고, continue를 통해 해당 블럭을 종료하고 다음 반복으로 넘어갈 수 있다. 무한 루프 for (;;) : 조건을 적지 않으면 계속 돌게 된다. 2. while문

Javascript 함수 (function) 🔧 함수 만드는 방법 1. function 키워드를 사용해서 함수를 선언 백틱과 $을 사용해서 매개변수를 사용할 수 있다. 2. 함수를 변수처럼 대입해서 사용 🧐 선언적 함수와 익명 함수를 만들어 변수에 할당

Javascript 객체 🔧 한글로 개체라고 말하기도 한다. 함수 혹은 클래스로 틀을 만들고, 객체/개체 같은 인스턴스를 찍어내는 방식으로 사용한다. 객체를 만드는 방식 1. 생성자 함수로 객체 만들기 🔧 function 틀 () {} => new 틀 (

Javascript [TOC] 클래스 🔧 ES6 에 새로 추가된 문법이다. 좀 더 객체지향에 가까워졌다. 객체를 만들 수 있는 새로운 방법이다. 클래스를 만들 수 있는 방법 1. 함수처럼 선언적 방식 선언적 방식이지만 호이스팅은 일어나지 않는다. 함수 같

Javascript Promise 🔧 JS에서 함수를 호출했을 때 그 코드가 실행 되는 동안, 함수 밖의 다른 코드도 함께 실행이 되어야한다. 이런 비동기적인 작업이 잘 처리되도록 해준다. Promise 객체는 ES6에서 등장했다. 1. 생성자로 프로미스 객체

Javascript Async-Await 🔧 비동기를 다루는 또 다른 방법 🔧 함수 이름 앞에 async를 붙이거나, 화살표 함수 앞에 async를 붙이는 방식으로 사용한다. 🔧 Async-Await 함수는 Promise를 기반으로 하고있다. 따라서 P

특정 값을 조회하려고 할 때, 특정 코드를 실행시키고 연산된 값을 가져오는 함수다.함수를 호출할때 dog.name()과 같이 소괄호를 붙이지 않아도 된다. dog.name 으로만 name을 가져올 수 있다.name을 Property처럼 사용할 수 있게 됐다.getter

JS엔진은 JS 코드를 실행하는 인터프리터이다.자바스크립트 엔진의 대표적인 예는 Google V8 엔진이다.V8은 Chrome과 Node.js에서 사용하고 있다.빠른 속도를 얻기 위해 V8은 인터프리터를 사용하는 대신 JS 코드를 머신 코드(기계 코드)로 변환한다. J

배열 안의 모든 요소를 반복적으로 호출하고 싶을 때 사용한다.배열 안의 모든 원소를 다른 형태로 변환하고 싶을 때 사용한다.배열의 요소 중 무언가를 찾고 싶을 때 사용하는 함수들이다.indexOf : 찾고싶은 요소의 인덱스를 반환해준다.find : 찾고 싶은 요소의 객

JS는 객체지향언어이다. 그렇지만 JS에는 클래스라는 개념이 없다. ES6 에서 Class 문법이 추가되었다. 그렇지만 문법이 추가되었을 뿐, JS가 클래스 기반으로 바뀐 것은 아니다.대신 프로토타입이라는 것이 존재한다. 그래서 프로토타입을 기반으로 상속을 흉내내도록

''퍼뜨리다'' 라는 뜻이전에 만들었던 객체를 사용해서 새로운 객체를 만들고 싶을 때 사용한다.⭐️ spread를 사용해서 서로 다른 객체를 가리키게 되고, 독립적으로 작업할 수 있게된다.spread와 기존 코드의 순서에 유의해서 작성하도록 하자.Spread > 기존

location.forward, location.replace, location.assert

책을 샀다.

👩🏻‍💼 "자바 스크립트는 동적 언어니까 타입 개념이 없을 거야"👼🏻 "자바스크립트에도.. 타입이 있어요"

네이티브는 ES 명세의 내장객체다.

비동기를 알아보자