JavaScript

📌 자바스크립트로 여러 데이터들을 활용하여 원하는 동작을 만들거나 관리를 할 수 있게 된다.그래서 데이터가 매우 중요한 개념임!My name is Neo, I'm 19. 문자(string)은 따옴표를 사용 (큰 따옴표, 작은 따옴표 상관 없음)템플릿 리터럴(Lite

🔎 연산자 01. 산술 연산자(Arithmetic Operator) 02. 할당 연산자(Assignment Operators) 03. 증감 연산자(Increment & Decrement Operators) : 변수 1씩 더하거나 빼는 연산자 증감 연산자보다 할당

🔎 조건문 01. If 📝 구조 ✍ 예제1 💻 출력 > 성인 홀수 B ✍ 예제2 buttonEl 에 addEventListener 라는 메소드를 호출하고있다. 사용자가 버튼을 클릭하면 뒤의 함수를 실행하겠다! input 요소에는 문자 데이터가 입력되기 때

🔎 함수 01. 데이터와 호출 02. 기명 / 익명 함수 기명 함수 - function 이름() {} 익명 함수 - function() {} 03. 호이스팅 (Hoisting) 자바스크립트는 위에서 아래로 해석되는데, 함수 선언문은 함수를 정의하기 전에 사용해도

.length : 문자의 길이(숫자)를 반환한다..includes() : 문자에서 특정 문자가 포함되어 있는지 확인한다.truetruefalse.replace() : 문자에서 특정 문자를 다른 문자로 바꾼 새로운 문자를 반환한다.Hello earth!Hello worl

📍 표준 내장 객체 (Built-in Object) 05. Array (배열) .length : 배열의 길이(숫자)를 반환한다. .at() : 배열을 인덱싱하며, 만약 음수를 사용하면 뒤에서부터 인덱싱한다. .concat() : 배열에서 주어진 배열을 병합해 새

: 하나 이상의 '출처 객체(Source)'로부터 '대상 객체(Target)'로 속성을 복사하고 대상 객체를 반환한다.✍ 예제1{ a: 1, b: 3, c: 5, d: 6 }{ a: 1, b: 3, c: 5, d: 6 }✍ 예제2{ name:'Neo', age: 22,

: HTML 문서를 객체로 표현한 것으로, JS에서 HTML을 제어할 수 있게 해준다.노드 (Node) : 요소, 텍스트, 주석 등의 각 구조요소 (Element) : 노드의 하위 객체인 요소\[text, comment, text, div✔ 배열데이터가 아니라 유사배열

📖 EVENT (Document Object Model) > 01. 이벤트 추가 및 제거 .addEventListener 대상.addEventListener(이벤트종류, 핸들러) : 대상에서 청취(Listen)할 이벤트 종류와 이벤트가 발생했을 때 호출할 콜백(H

class 는 <span style='background-color: 객체를 직접 작성해서 정의하고 생성할 수 있지만, 클래스로 만들어주면 여러 객체를 더 쉽게 만들 수 있다!class를 통해서 원하는 구조의 객체 틀을 짜 놓고, 비슷한 모양의 객체를 찍어낼 수

🔎 먼저 동기를 알아보자 동기(Synchronous) 코드는 작성된 순서대로 실행되며, 하나의 작업이 끝나기 전에는 다음 작업이 시작되지 않는다. 🔎 그럼 비동기는 ? 비동기(Asynchronous) 코드는 작성된 순서대로 실행되지만, 특정 작업이 끝나기 전에 다

this 키워드는 일반 함수와 화살표 함수에 따라 다르게 정의된다.일반 함수는 호출 위치에서 this가 정의된다.화살표 함수는 선언 위치(렉시컬 스코프)에서 this가 정의된다.(this 키워드가 포함된 화살표 함수를 감싸는 가장 가까운 함수가 this 키워드를 정의하