본문 바로가기

javascript17

[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.
[Javascript] YYYY-MM-DD HH:MM:SS 형식으로 시간 출력 방법 안녕하세요.   날짜와 시간을 표현할 때 필요한 시간 형식이 있을 것입니다. 예를 들면 연도 4자리, 나머지 2자리로 표현해 달라 등 이럴 때 사용할 수 있는 방법을 찾아보았습니다. YYYY-MM-DD HH:MM:SS 형식으로 날짜 가져오는 코드를 작성해 보겠습니다. 방법적으로는 크게 차이가 없지만, 사용하는 함수가 조금 다른 것이 있어 확인했습니다.   1. 현재 시간 가져오기 // 현재 시간 가져오기let now = new Date();console.log(now);  설명 :new Date()를 사용하여 현재 시간을 now 변수에 저장합니다.위와 같이 바로 출력하면 아래와 같이 나옵니다. 2024-10-11T04:09:04.495Z  2. slice() 함수로 자리 수 맞추기 // 연도, 월, 일,.. 2024. 10. 11.