📌 객체 객체 개요 JavaScript의 객체는 게임 캐릭터에 비유할 수 있습니다. 사용자들의 캐릭터는 동일하게 직업과 능력을 가지고 있지만, 세부적인 내용은 다릅니다. 누군가는 김코딩이라는 ID와 마법사라는 직업을 가지고 있지만, 다른 누군가는 박해커라는 ID와 전사라는 직업을 가지고 있습니다. 마찬가지로 사용자가 유어클래스에 가입할 때 입력할 항목은 모두 같지만, 입력하는 정보는 사용자마다 다릅니다. 이렇게 각기 다른 값을 가질 수 있지만, 입력해야 하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있습니다. 이렇게 공통적인 속성을 가지는 경우 객체를 사용해야 합니다. ✏️ 객체란? 객체는 배열과 마찬가지로 다량의 데이터를 한 번에 다룰 수 있는 참조자료형 데이터 객체는 {..
📌 배열(Array) 개요 다량의 데이터를 다룰 수 있는 데이터 타입인 배열. ✏️ 배열(Array)이란? 배열(Array)을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 합니다. 인덱스는 1이 아닌 0부터 번호를 매깁니다. ✅ 배열(Array)의 특징 1. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있습니다. 2. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있습니다. 3. 자바스크립트에서 배열은 Array 객체로 다뤄집니다. 📐 Array.length Array 인스턴스의 length 속성은 배열의 길이를 반환합니다. 반환값은 부..
📌 함수 개요 현실에서 발생하는 대부분의 복잡한 문제는 더 작고 간단한 문제로 나눌 수 있습니다. 복잡한 문제를 해결하기 위해서는 반대로 작고 간단한 문제를 하나씩 해결하고, 마지막에는 크고 복잡한 문제를 해결합니다. 이러한 과정을 컴퓨터는 함수라는 것을 사용해 해결합니다.함수는 입력에 따라 그에 걸맞은 작업을 하는 하나의 작업 단위입니다. 논리적인 일련의 작업을 하는 하나의 단위를 함수라고 합니다. 💡 함수를 사용하는 이유 - 크고 복잡한 문제를 해결하기 위해 작은 문제 부터 해결하듯이 이런 하나의 작은 과정을 컴퓨터는 함수로 표현 할 수 있다. 즉 복잡한 문제를 해결하기 위한 논리적인 일련의 작업을 하는 하나의 단위를 함수라 한다. 또한 반복적인 동작을 묶어놨다가 사용하기에도 편리하다. 📌 함수 정의..
📌 반복문 개요 만약 컴퓨터에게 한 번에 한 가지 일만 시킬 수 있다면, 사람이 그 일을 처리하는 속도와 큰 차이가 없을 지도 모릅니다. 컴퓨터가 한 번의 일을 처리할 때마다 같은 명령을 반복적으로 해주어야 하기 때문입니다. 우리가 의도한 만큼 같은 동작을 반복하도록 할 수는 없을까요? 이것이 바로 조건문과 함께 JavaScript의 대표적인 제어문인 반복문을 사용하는 이유입니다. 이번 시간에는 코드를 불필요하게 중복해서 작성하지 않아도 컴퓨터가 반복적으로 동작을 수행하도록 하는 방법인 반복문에 대해 학습해 보겠습니다. 💡 반복문을 쓰는 이유는 컴퓨터에게 우리가 의도한 만큼 같은 동작을 시키기 위해서 📌 for문 ✅ for문 JavaScript의 대표적인 반복문인 for문에 대해서 학습해 보겠습니다. 먼..
📌조건문 개요 컴퓨터는 작성된 코드를 위에서부터 아래로 순차적으로 실행할 뿐이다. 하지만 특정한 조건에 따라 코드가 실행되도록 하는 방법이 있다. 바로 조건문이다. 조건문을 활용하면, 아침 6시가 되면 알람을 울리도록 하거나,물이 100도가 될 때까지만 가열하거나,마우스를 클릭하면 프로그램이 실행되도록 프로그래밍을 할 수 있다. ⭐ 조건문을 사용하는 이유는 컴퓨터에게 특정 조건에 따라 코드를 실행시키기 위해서 📌if문 if문의 기본 구조 - if (조건식) { true일때 실행되는 코드 } if문은 주어진 조건식의 참( true ) / 거짓( false ) 여부에 따라 실행이 결정된다. 참과 거짓을 판단하기 위한 JavaScript의 타입은 불린 타입이다. 따라서 조건식은 결과가 불린 타입이 되도록 작성..
📌 변수 개요 JavaScript에서도 데이터를 편하게 다루기 위해 데이터에 이름을 붙일 수 있다. 그 이름을 바로 변수라고 부른다. 데이터를 편리하게 저장하고 꺼내 쓸 수 있도록 변수에 대해 학습하자. 각각의 데이터에 이름을 짓는 방법을 알게 된다. 개발자답게 표현하자면 변수를 선언하고 값을 할당할 수 있는 것을 의미한다. 또 변수를 활용하여 복잡한 작업을 간단하게 처리할 수 있게 된다. 📌 변수의 선언과 할당 ✏️ 변수의 선언과 할당 문제를 해결하기 위해 컴퓨터와 소통하기 위해서는 특정 데이터에 대해 같은 이름을 공유하고 있어야 한다. JavaScript에서도 특정 데이터에 이름을 붙일 수 있는데, 이를 변수라고 한다. **반복적으로 사용하는 숫자를 컴퓨터가 특정한 이름(변수명)으로 기억하도록 하고 ..
📌 Number 타입 ✅ Number 타입 JavaScript의 여러 데이터 타입 중 Number는 일상생활에서 흔히 접할 수 있는 숫자를 자바스크립트에서 표현하기 위한 데이터 타입이다. 정수(integer)와 실수(float)을 모두 표현할 수 있다. 100; // 정수를 표현할 수 있습니다. -100; // 음수를 표현할 수 있습니다. 100.123; // 실수를 표현할 수 있습니다. typeof 연산자로 해당 값이 숫자 타입인지 확인할 수 있다. typeof 100; // 'number' typeof -100; // 'number' typeof 100.123; // 'number' 같은 숫자 값 간에는 간단한 사칙연산을 할 수 있다.아래 예시에서 사용한 수학 기호 ( + - * / )를 자바스크립에..
📌 코드 기초 📖 코드 기초 개요 JavaScript의 기본 개념들을 학습하기 위해서는 코드를 실행하는 방법부터 알아야 한다. 또, JavaScript엔진이 어떻게 코드를 읽는지, 내가 작성한 코드를 어떻게 출력할 수 있는지에 대해 알아야 한다. 📌 코드 실행 ✅ JavaScript 코드 실행하기 JavaScript는 원래 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어이다.그래서 HTML 파일과 JavaScript 파일을 함께 브라우저에서 실행해야 작동한다. 혹은 따로 Node.js라는 JavaScript 런타임을 컴퓨터에 설치해야 한다. 다만, 처음에는 좀 더 쉽게 JavaScript를 학습하기 위해서 StackBlitz에서 JavaScript 코드를 실행하자. ✅ StackBlitz로 코드를 실..
