본문 바로가기

Programming/Javascript22

[11일차] JavaScript 배열 완벽 가이드: 기초부터 메서드 활용까지 목차배열이란?배열 선언 및 초기화배열 요소 접근 및 수정배열의 주요 메서드요소 추가 및 제거탐색변환배열의 고급 활용 예제실습: 배열로 간단한 프로그램 만들기1. 배열이란?배열(Array)은 JavaScript에서 여러 데이터를 하나의 변수에 저장할 수 있는 구조입니다.배열은 숫자, 문자열, 객체 등 다양한 데이터 타입을 혼합하여 저장할 수 있습니다.예시:let fruits = ["사과", "바나나", "체리"];let mixedArray = [1, "문자열", true, { key: "value" }];2. 배열 선언 및 초기화1) 배열 선언배열은 [] 대괄호를 사용하여 선언합니다.let emptyArray = []; // 빈 배열let numbers = [1, 2, 3, 4, 5]; // 숫자 배열2).. 2024. 11. 17.
[10일차] JavaScript 반복문 완전 정복: for, while, do...while 목차반복문이란?for 반복문  기본 구조  다양한 활용 예제while 반복문  기본 구조  break와 continuedo...while 반복문  기본 구조  다른 반복문과의 차이점반복문 실습 예제1. 반복문이란?반복문은 동일한 작업을 여러 번 실행해야 할 때 사용하는 프로그래밍 구조입니다.JavaScript에서 주요 반복문은 for, while, do...while 세 가지입니다.예를 들어:숫자 1부터 5까지 출력하려면, 반복문이 없을 경우 다음과 같이 작성해야 합니다.console.log(1);console.log(2);console.log(3);console.log(4);console.log(5);반복문을 사용하면 다음과 같이 간단히 처리할 수 있습니다.for (let i = 1; i 2. for .. 2024. 11. 16.
[9일차] JavaScript 함수의 매개변수와 반환값 이해하기 목차:함수 매개변수란?여러 개의 매개변수 사용하기기본 매개변수 설정하기반환값 이해하기함수의 결과를 변수에 저장하기예제 실습1. 함수 매개변수란?매개변수는 함수에 전달되는 입력 값입니다. 함수를 호출할 때 매개변수 값을 전달하면, 함수는 이를 활용해 작업을 수행합니다. 매개변수는 함수 선언 시 괄호 안에 정의하며, 함수 내부에서 변수처럼 사용할 수 있습니다. 예제:function greet(name) { console.log("안녕하세요, " + name + "님!");}greet("홍길동"); // "안녕하세요, 홍길동님!" 출력위 코드에서 greet 함수는 name이라는 매개변수를 받아 인사말을 출력합니다.2. 여러 개의 매개변수 사용하기함수는 여러 개의 매개변수를 가질 수 있습니다. 여러 개의 .. 2024. 11. 15.
[8일차] JavaScript 함수 이해하기 – 함수 개념과 선언 방법 목차:함수란?함수의 장점함수 선언 방법함수 호출함수 표현식기본 매개변수와 반환값예제 실습1. 함수란?함수는 반복적으로 사용할 수 있는 코드 블록으로, 특정 작업을 수행할 때마다 해당 함수를 호출하여 작업을 간편하게 수행할 수 있습니다. 함수는 한 번 정의해 두면 여러 곳에서 재사용할 수 있어 코드의 길이를 줄이고, 유지보수를 쉽게 해 줍니다.2. 함수의 장점함수의 장점은 다음과 같습니다:재사용성: 한 번 정의하면 여러 번 호출할 수 있어 코드 중복을 줄일 수 있습니다.가독성: 코드가 더 간결해지며, 코드의 목적이 명확해집니다.유지보수: 문제가 발생했을 때 수정이 쉬워지며, 코드의 한 부분만 수정하면 관련된 모든 기능에 적용됩니다.3. 함수 선언 방법JavaScript에서 함수를 선언하는 방법은 여러 가지.. 2024. 11. 14.
[7일차] JavaScript 조건문 이해하기 (if, else, switch) 목차:조건문이란?if문 사용법else와 else if의 활용여러 조건 처리하기: switch문삼항 연산자 (간단한 조건문)실습 예제 1. 조건문이란?조건문은 특정 조건이 참인지 거짓인지에 따라 다른 동작을 수행하는 코드 구조입니다. 조건문을 사용하면 상황에 따라 다양한 결과를 제어할 수 있어, 프로그램의 유연성과 기능을 크게 향상합니다.2. if문 사용법if문은 조건이 참(true) 일 경우에만 코드를 실행하는 구조입니다.구문:if (조건) { // 조건이 참일 때 실행할 코드} 예제:let age = 18;if (age >= 18) { console.log("성인입니다.");} 위 코드에서 age가 18 이상이면 "성인입니다."가 출력됩니다. 3. else와 else if의 활용else와 e.. 2024. 11. 13.
[6일차] JavaScript에서 변수와 상수 선언하기 (var, let, const) 목차:변수와 상수란?var, let, const의 차이점변수의 선언 및 초기화상수 선언하기 (const)변수와 상수의 유효 범위 (스코프)let과 const를 사용하는 이유1. 변수와 상수란?변수는 프로그램이 실행되는 동안 데이터를 저장하는 역할을 합니다. JavaScript에서는 키워드 var, let을 사용해 변수를 선언할 수 있습니다.상수는 한 번 설정하면 값을 변경할 수 없는 변수입니다. JavaScript에서는 키워드 const를 사용하여 상수를 선언합니다.2. var, let, const의 차이점var:   초기 JavaScript부터 사용된 변수 선언 키워드입니다.   함수 스코프를 가집니다.   블록 범위({ })를 무시하기 때문에 예기치 않은 오류가 발생할 수 있습니다.let:   ES6.. 2024. 11. 12.
[5일차] JavaScript의 데이터 타입 이해하기 목차:데이터 타입이란?JavaScript의 기본 데이터 타입데이터 타입 확인 방법데이터 타입 변환하기 1. 데이터 타입이란?JavaScript에서 데이터를 다룰 때, 데이터 타입은 해당 데이터가 어떤 종류인지 알려줍니다. 올바른 데이터 타입을 알고 사용하면 코드가 더 정확하고 효율적으로 작동합니다. 2. JavaScript의 기본 데이터 타입JavaScript에는 다음과 같은 기본 데이터 타입이 있습니다.숫자(Number): 정수나 실수 등의 숫자를 나타냅니다.let age = 25;let price = 19.99;문자열(String): 텍스트 데이터를 나타냅니다. 큰따옴표(")나 작은따옴표(')로 묶어 표현합니다.let name = "Alice";let greeting = 'Hello!';불리언(Boo.. 2024. 11. 11.
[4일차] JavaScript 연산자와 조건문 - 로직 구현의 첫걸음 목차:연산자 소개산술 연산자비교 연산자논리 연산자조건문 (if, else, else if)삼항 연산자다음 시간을 위한 준비 1. 연산자 소개연산자는 데이터를 조작하거나 조건을 비교할 때 사용하는 기호입니다. JavaScript에는 다양한 연산자가 있으며, 오늘은 자주 사용하는 산술, 비교, 논리 연산자를 다뤄보겠습니다. 2. 산술 연산자산술 연산자는 숫자에 대한 연산을 수행합니다. 자주 사용하는 연산자는 다음과 같습니다:덧셈 (+): 두 숫자를 더합니다.뺄셈 (-): 첫 번째 숫자에서 두 번째 숫자를 뺍니다.곱셈 (*): 두 숫자를 곱합니다.나눗셈 (/): 첫 번째 숫자를 두 번째 숫자로 나눕니다.나머지 (%): 첫 번째 숫자를 두 번째 숫자로 나눈 나머지를 반환합니다. 예시:let a = 10;let .. 2024. 11. 10.
[3일차] JavaScript 기본 문법 – 기초 다지기 목차:JavaScript 코드의 기본 구조주석 사용하기변수 선언과 데이터 타입 이해하기var, let, const의 차이점기본 자료형 소개다음 시간을 위한 준비 1. JavaScript 코드의 기본 구조JavaScript 코드는 명령문(statement)으로 구성되며, 각 명령문은 보통 세미콜론(;)으로 구분됩니다. 예를 들어:console.log("Hello, world!"); // 콘솔에 문구를 출력 여기서 console.log는 명령문이며, 세미콜론을 사용하여 명령문이 끝났음을 표시합니다. JavaScript에서는 줄 바꿈으로도 명령문을 구분할 수 있어, 세미콜론은 선택 사항이지만, 가독성을 위해 쓰는 것이 좋습니다. 2. 주석 사용하기코드를 작성하면서 주석을 달면, 코드를 이해하거나 수정할 때 큰.. 2024. 11. 9.
[2일차] JavaScript 개발 환경 설정과 간단한 코드 작성 목차:JavaScript 코딩 환경 소개브라우저 콘솔에서 코드 실행하기코드 에디터 설치 및 사용법 (VS Code 추천)HTML 파일에서 JavaScript 연결하기간단한 JavaScript 코드 실행다음 수업을 위한 준비 1. JavaScript 코딩 환경 소개JavaScript는 특별한 프로그램 없이도 웹 브라우저와 간단한 코드 편집기만 있으면 코딩을 시작할 수 있습니다. 이 장점 덕분에 JavaScript는 배우기 쉬운 언어 중 하나로 꼽힙니다. 오늘은 브라우저 콘솔과 코드 에디터 두 가지 환경에서 JavaScript를 작성하고 실행하는 방법을 알아보겠습니다. 2. 브라우저 콘솔에서 코드 실행하기브라우저 콘솔을 활용하면 JavaScript를 빠르게 테스트해 볼 수 있습니다. 1일 차에서 간단히 사용.. 2024. 11. 8.

티스토리툴바