JavaScript
1.01.JavaScript 기초 - 변수와 상수
🌈 변수와 상수 > ### 🔥 변수 짓는 방법 > ### 🔥 변수 선언 > ### 🔥 변수의 종류(let & const) > ### 🔥 바람직한 변수명 > ### 🔥 동적 타입 언어 1. 변수 짓는 방법 > 변수명에는 숫자, 문자, $, _을 이용해 만들
2.01.JavaScript 기초 - 데이터 타입
데이터 타입은 총 8개로 원시형 7개와 object로 나뉨. 원시형의 종류는 string, number, bigint, boolean, symbol, null, undefined 으로 7개임객체는 다양한 종류의 값을 저장할 수 있고, {}를 사용해 만듬function도
3.01.JavaScript 기초 - 연산자
🌈 연산자 1. 연산자 종류 수학연산자, 증감연산자, 할당연산자, 비교연산자, 논리연산자, 동등연산자 등 >#### 1) 사칙 연산자 >#### 2) 증감연산자 숫자를 순차적으로 증가시키거나 감소시키는 것이 증감연산자임 증감연사자는 전위형과 후위형
4.JavaScript 기초 - 조건문(if/else if/else)
🌈 조건문(if/else if/else) > ### 🔥 if문 > ### 🔥 삼항연산자 > ### 🔥 switch문 1. if문 > 조건에 따라 취야할 행동이 다를 때 조건문 사용 조건문은 ()안의 조건을 평가하고 그 결과를 boolean값으로 변환 0, ""
5.JavaScript 기초 - 함수(function)
🌈 함수(function) > ### 🔥 함수 선언 > ### 🔥 매개변수(parameter) > ### 🔥 반환 값 : return > ### 🔥 함수 이름 짓기 > ### 🔥 익명 함수 > ### 🔥 함수 복사 > ### 🔥 콜백 함수(calledba
6.JavaScript 기초 - 반복문(while & for)
🌈 반복문(while & for) > ### 🔥 while문 > ### 🔥 for문 > ### 🔥 break & continue 1.while문 >#### 3) while문 while문 선언 : 🔍 while( condition ) { body }; >#
7.JavaScript 기초 - 객체(object)
🌈 객체(object) > ### 🔥 객체 기본 > ### 🔥 객체 복사 > ### 🔥 매서드와 this 1.객체 기본 >#### 1) 객체란? 객체는 원시형 데이터 타입과과 달리 다양한 데이터를 뿐 아니라, 메서드(함수) 또한 담을 수도 있음 이때 원시
8.JavaScript 기초 - 구조 분해 할당
🌈 구조 분해 할당 > ### 🔥 객체 구조 분해 할당 > ### 🔥 배열 분해 분해 할당 > ### 🔥 구조 분해 할당 활용 1. 객체 구조 분해 할당 >#### 1) 구조 분해 할당 기본 객체 구조 분해할당은 객체의 속성을 해체하여 그 값을 개별 변수에
9.JavaScript 기초 - 배열(array)
🌈 배열(array) > ### 🔥 배열 선언 > ### 🔥 배열 내 요소 찾기(indexing) > ### 🔥 추가 및 제거(push, pop, shift, unshift, splice, concat) > ### 🔥 배열 위치 찾기(Search) > ###
10.JavaScript 기초 - 동기 / 비동기 처리 이해
🌈 동기 / 비동기 처리 이해 > ### 🔥 동기적와 비동기적 처리 > ### 🔥 Promise 문법 > ### 🔥 > ### 🔥 1. 동기적와 비동기적 처리 > 동기적 처리(Syncronous) : 코드를 위에서부터 한줄 한줄씩 순차적으로 실행되는 프로세
11.JavaScript 기초 - 객체 지향 프로그래밍(OPP)
🌈 객체 지향 프로그래밍(OPP) > ### 🔥 class 정의 > ### 🔥 상속 > ### 🔥 오버라이딩 > ### 🔥 Property 추가 2. class 정의 > class 정의 방법 : 🔍 class 클래스명 {} 생성자 함수 생성 방법 :
12.JavaScript 기초 - DOM / BOM 이해
🌈 DOM / BOM 이해 > ### 🔥 DOM과 BOM이란? > ### 🔥 DOM 객체 다루기 > ### 🔥 DOM 이벤트(Event) 1. DOM과 BOM이란? > DOM(Document Object Model)은 웹 문서의 모든 요소를 JavaScrip
13.TIL01. JavaScript : Function 정리
🌈 Function 정리 > ### 🔥 Why : 함수를 왜 쓰나? > ### 🔥 Return : 값만 찍는 함수와 값을 담는 함수 > ### 🔥 Parameter : 김밥 머신과 속재료 > ### 🔥 Copy Function : 김밥 머신을 복사하는 법과
14.TIL02. JavaScript : About Six Operator
📌 이 포스팅에서는 JavaScript의 6가지 연산자와 연산자 비교 시, 예외사항에 대해 알아보도록 하겠습니다. 🌈 About Six Operator > ### 🔥 6개의 연산자 이해하기 > ### 🔥 0, null, undefined 비교 1. Abou
15.TIL03. JavaScript : 조건문을 사용하는 이유
📌 이 포스팅에서는 JavaScript의 조건문을 구조와 삼연연산에 대해 알아보겠습니다. 🌈 조건문을 사용하는 이유 > ### 🔥 조건문은 왜 쓰나요? > ### 🔥 조건문의 구조 > ### 🔥 삼항연산자 관하여 1. 조건문은 왜 쓰나요? 제어문 중 조건
16.TIL04. JavaScript : About Array
📌 이 포스팅에서는 JavaScript의 배열을 사용하는 이유와 방법에 대해서 알아보도록 하겠습니다. 🌈 > ### 🔥 배열을 사용하는 이유 > ### 🔥 배열 선언 방법 > ### 🔥 배열의 길이와 index값 > ### 🔥 다차원 배열 > ### 🔥
17.TIL05. JavaScript : Callback Function in Array
📌 이 포스팅에서는 JavaScript의 배열에서 자주 쓰이는 콜백 함수에 대해서 알아보겠습니다. 🌈 About Array > ### 🔥 What's Callback Function > ### 🔥 Useful Callback Function in Array >
18.TIL06. JavaScript : 반복문은 언제 사용할까?
📌 이 포스팅에서는 JavaScript의 반복문에 대해서 알아보겠습니다. 🌈 반복문은 언제 사용할까? > ### 🔥 반복문은 언제 사용할까? > ### 🔥 while문과 for문의 구조 > ### 🔥 for ... of & for ... in 1. 반복문은
19.TIL07. JavaScript : About Object
📌 이 포스팅에서는 JavaScript의 객체를 쓰는 이유와 사용방법에 대해 알아보겠습니다. 🌈 About Object > ### 🔥 객체를 사용하는 이유 > ### 🔥 "Bracket notation" & "Dot notation" > ### 🔥 객체 다루