본문 바로가기
  • 코딩, 허쌤이 떠먹여 줄게

javascript8

9. 배열 9장. 배열 (Array)배열이란?배열(Array)은 여러 값을 순서대로 저장하는 자료구조입니다. 각 값은 인덱스(index)로 접근할 수 있으며, 인덱스는 0부터 시작합니다.배열의 특징여러 값을 하나의 변수에 저장순서가 있음 (인덱스로 접근)다양한 타입의 값을 저장 가능동적으로 크기 변경 가능1. 배열 생성방법 1: 배열 리터럴 (권장)let fruits = ['사과', '바나나', '포도'];let numbers = [1, 2, 3, 4, 5];let mixed = [1, 'hello', true, null];방법 2: Array 생성자let fruits = new Array('사과', '바나나', '포도');let numbers = new Array(5); // 길이가 5인 빈 배열빈 배열 생성l.. 2026. 1. 9.
6장. 조건문 6장. 조건문조건문이란?조건문(Conditional Statement)은 특정 조건에 따라 다른 코드를 실행하도록 하는 제어 구조입니다. 프로그램의 흐름을 제어하는 핵심 요소입니다.1. if 문가장 기본적인 조건문입니다. 조건이 true일 때 코드를 실행합니다.기본 형식if (조건) { // 조건이 true일 때 실행할 코드}예제let age = 20;if (age >= 18) { console.log('성인입니다');}실행 결과성인입니다2. if-else 문조건이 true일 때와 false일 때 각각 다른 코드를 실행합니다.기본 형식if (조건) { // 조건이 true일 때 실행할 코드} else { // 조건이 false일 때 실행할 코드}예제let age = 18;if (ag.. 2026. 1. 6.
5장. 연산자 5장. 연산자연산자란?연산자(Operator)는 하나 이상의 값을 연산하여 새로운 값을 만드는 기호입니다. 자바스크립트는 다양한 연산자를 제공합니다.1. 산술 연산자 (Arithmetic Operators)수학적 계산을 수행하는 연산자입니다.기본 산술 연산자let a = 10;let b = 3;console.log(a + b); // 13 (덧셈)console.log(a - b); // 7 (뺄셈)console.log(a * b); // 30 (곱셈)console.log(a / b); // 3.333... (나눗셈)console.log(a % b); // 1 (나머지)console.log(a ** b); // 1000 (거듭제곱, ES6+)증감 연산자 (Increment/Decreme.. 2026. 1. 6.
3장. 변수와 상수 3장. 변수와 상수변수란?변수(Variable)는 데이터를 저장하는 메모리 공간에 붙인 이름입니다. 프로그램에서 데이터를 임시로 저장하고 나중에 사용하기 위해 변수를 사용합니다.변수의 특징변수는 이름(식별자)을 가지고 있습니다변수에 저장된 값은 변경 가능합니다변수는 선언 후에 사용할 수 있습니다변수는 타입을 미리 선언하지 않습니다 (동적 타입)변수 선언 방법var (사용하지 않음 ❌)var age = 20;var name = '홍길동';문제점:함수 스코프만 인식 (블록 스코프 무시)호이스팅(Hoisting) 문제중복 선언 가능현재는 사용하지 않는 것을 권장let (변수 선언 ✅)let age = 20;let name = '홍길동';특징:블록 스코프 지원값 변경 가능중복 선언 불가 (같은 스코프에서)변수를.. 2026. 1. 5.
4장. 데이터 타입 4장. 데이터 타입데이터 타입이란?데이터 타입(Data Type)은 변수에 저장할 수 있는 값의 종류를 나타냅니다. 자바스크립트는 동적 타입 언어이므로 변수를 선언할 때 타입을 명시하지 않지만, 값에는 타입이 있습니다.자바스크립트 데이터 타입 분류자바스크립트의 데이터 타입은 크게 두 가지로 나뉩니다:원시 타입 (Primitive Types): 불변 값참조 타입 (Reference Types): 객체원시 타입 (Primitive Types)1. Number (숫자)정수와 실수를 모두 포함합니다.let integer = 10; // 정수let float = 3.14; // 실수let negative = -5; // 음수let scientific = 1.5e.. 2025. 12. 30.
2장. 자바스크립트 실행 환경 2장. 자바스크립트 실행 환경자바스크립트 실행 환경 개요자바스크립트는 다양한 환경에서 실행할 수 있습니다. 가장 일반적인 방법은 웹 브라우저에서 실행하는 것이지만, Node.js를 통해 서버에서도 실행할 수 있습니다.1. 브라우저에서 실행1-1. 인라인 스크립트 (Inline Script)HTML 파일 내부에 특징:빠르게 테스트하기 좋음HTML과 JavaScript가 같은 파일에 있음작은 프로젝트에 적합주의사항:코드가 복잡해지면 관리가 어려움재사용성이 낮음1-2. 외부 JavaScript 파일JavaScript 코드를 별도의 .js 파일로 분리하여 사용합니다.구조:project/ ├── index.html └── app.jsindex.html: JavaScript 실행 app.js:cons.. 2025. 12. 30.

티스토리툴바