JS

✔ 원시 타입 Number String Boolean Null undefined ✔ NaN (Not a Number) - Number type ex) 1. 작동이 잘 될 거라 생각했는데 알고 보니 0으로 나누려는 걸 몰랐던 경우 2.숫자여야 하는데 알고 보니 단어

✔ console, Alert, Prompt consol.log은 출력할 때 사용하고 Alert는 알림 팝업을 띄울 때 사용한다. prompt는 입력받을 때 사용한다. ⭐ 배열 ✔ 배열의 생성 ✔ push와 pop(Stack) push는 끝에 추가하는 것이다. p

⭐ 객체 리터럴 (Object Literals) 객체 리터럴 (Object Literals)이란 프로그래밍에서 이름과 값의 쌍으로 구성된 객체를 직접적으로 선언하는 방식이다. ✔ 객체 리터럴의 선언 ✔ 객체 리터럴의 접근 JS의 객체 리터럴은 키가 무슨 형태이든 모

⭐ 함수 표현식 ✔ 함수 표현식과 함수 선언의 차이점 JavaScript에서함수 표현식은 함수 선언과는 달리 끌어올려지지 않는다. 함수 표현식은 정의하기 전에는 사용할 수 없다. ⭐ 고차 함수 고차 함수(Higher order function)는 함수를 인자로 전달

화살표 함수(Arrow function) 또는 화살표 함수 표현식(Arrow function expressions) 은 함수 표현식이다.화살표 함수는 {}를 ()로 바꾸고 return을 생략하며 암시적 반환을 만들 수 있다. 또한 아예 괄호를 없애 암시적 반환을 만들

⭐ some some 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 적어도 하나라도 통과하는지 테스트한다. ⭐ every every 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트한다.

⭐ Map map은 배열을 순회해서 각 요소를 콜백 함수로 적용해서 처리해 모은 새로운 배열을 반환하기 위한 함수이다. ⭐ Filter filter는 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링하는 함수 ⭐ Reduce reduce는

⭐ 개요 Spread Syntax(...)와 Destructuring assignment는 쉽게 말하면 결합과 분해이다. Spread Syntax(...)는 객체 혹은 배열들을 펼칠 수 있게 해 주는 JavaScript 표현식이다. Destructuring assign

⭐ DOM(Document Object Model) 개요 DOM(Document Object Model)이란? DOM(Document Object Model) 은 HTML 문서의 구조화된 표현을 제공하는 API이다. DOM(Document Object Model)

⭐innerHTML & textContent & innerText ✔ innerHTML innerHTML 속성 은 DOM 요소의 HTML 콘텐츠를 읽거나 설정할 때 사용된다. 이를 통해 요소의 내부 HTML 마크업을 조작할 수 있다. 이 속성은 동적으로 웹 페이지의

⭐ 인라인 이벤트 !codepen[bidulgi/embed/JjQNMrJ?default-tab=html%2Cresult] >📌 인라인 이벤트는 쓰지 않는 것이 좋다! HTML 코드에 자바스크립트를 추가해서 사용하는 인라인 코드는 코드가 섞여 유지 보수에 좋지 못한다

콜스택(Call Stack) 은 프로그래밍 언어에서 함수 호출을 관리하는 메모리 구조이다. 주로 자바스크립트, 파이썬, 자바 등 다양한 프로그래밍 언어에서 사용된다. 이름에서 알 수 있듯 Stack 구조이다.Stack 구조는 한쪽 끝에서만 데이터를 넣고 뺄 수 있는

⭐AJAX(Asynchronous JavaScript and XML) AJAX Asynchronous JavaScript and XML 는 JavaScript와 XML 형식을 이용한 비동기적 정보 교환 기법이다. 다만 요즘은 XML보다는 JSON을 주로 사용한다. 그