전체 글
-
#JavaScript Grammar_조건문(2) 중첩Javascript 2023. 10. 16. 21:32
3. 조건문의 중첩 중첩된 if문을 사용하여 복잡한 조건을 판별할 수 있음. //조건문의 중첩 let age = 20; let gender = "여성"; // 미성년자 구분 if (age >= 18) { if (gender === "여성") { console.log("성인 여성입니다."); } else { console.log("성인 남성입니다."); } } else { if (gender === "여성") { console.log("미성년 여성입니다."); } else { console.log("미성년 남성입니다."); } } - 위 예시에서 먼저 `age`가 18세 이상인지 확인하고, 그 다음에 성별을 확인하여 "성인 남성입니다." 또는 '성인 여성입니다.'를 출력합니다. 4. 조건부 실행 조건부 실..
-
#JavaScript Grammar_조건문(1)Javascript 2023. 10. 16. 18:59
# 조건문(if, else if, else, swich) 자바스크립트에서 조건문은 특정 조건을 만족하는 경우에 코드를 실행하기 위해 사용함. 1. if문 if문은 주어진 조건이 참(true)일 때 코드를 실행하는 가장 기본적인 조건문임. let x = 10; if (x > 0) { console.log("x는 양수입니다."); // 출력 결과: x는 양수입니다. } - 위 예시에서 변수 `x`가 0보다 큰 경우에 "x는 양수입니다." 메시지를 출력함. 이때 조건이 참이므로 코드는 실행됨. +++추가 문제) y의 길이가 5보다 크거나 같으면 길이 console,log로 출력 let y = "hello world"; if (y.length >= 5) { console.log(y.length); // 출력 결..
-
#JavaScript Grammar_스코프 및 화살표 함수Javascript 2023. 10. 16. 16:48
# 스코프(Scope)란? - 프로그래밍에서 변수와 함수의 유효 범위를 나타내는 개념 - 변수가 어디서부터 어디까지 유효한지, 즉 어디에서 변수를 참조할 수 있는지를 결정함. - 코드 냐에서 변수와 함수의 가시성과 접근성을 관리하며 변수의 이름이 충돌하지 않도록 도와줌. 1) 전역스코프(Global Scope) 프로그램 전체에서 변수와 함수를 접근할 수 있는 범위를 나타냄. 전역 스코프에서 선언된 변수는 프로그램이 실행되는 동안 살아있으며 어디서든 사용할 수 있음. let x = 10; // 전역 변수 function printX() { console.log(x); } console.log(x); // 결과: 10 printX(); // 결과: 10 2) 지역스코프(Local Scope) 주로 함수 내에..
-
#JavaScript Grammar_함수Javascript 2023. 10. 16. 15:40
#1. 함수란? = function(기능) - input, output을 가지고 있는 단위이며, 적절한 input을 넣어야 output이 나옴. - JavaScript내에서 기능의 단위로 묶어서 재활용을 하고 효율적인 코딩이 가능함. #2. 함수의 구조 함수는 일반적으로 이름, 매개변수(입력 값), 함수 내부의 로직, 그리고 반환값으로 구성 function 함수이름(매개변수) { // 함수 내부에서 실행할 로직 return 반환값; } #3. 함수의 종류 3-1) 함수 선언문 함수 선언문은 이름과 매개변수를 사용하여 함수를 정의함. 함수 선언문은 어느 위치에서나 호출할 수 있으며 호이스팅에 영향을 받음. function add(x, y) { return x + y; } 3-2) 함수 표현식 함수 표현식은..
-
#JavaScript Grammar_연산자Javascript 2023. 10. 16. 14:33
#1. 산술 연산자 (+, -, *, /, %) 1-1) 더하기 연산자(+) console.log(1 + 1); // 2 console.log(1 + "1"); // "11" (문자열로 변환됨) - 더하기 연산자는 숫자와 숫자를 더할 때 숫자를 반환하지만, 숫자와 문자열을 더할 대 문자열로 변환되며 문자열 연결이 이루어짐. 1-2) 빼기 연산자(-) console.log(1 - "2"); // -1 console.log(1 - 2); // -1 - 뺄셈 연산은 우선순위가 숫자에 있으며, 문자열로 변환되지 않음. 따라서 숫자-숫자는 숫자를 반환함. 1-3) 곱하기 연산자(*) console.log(2 * 3); // 6 console.log("2" * 3); // 6 - 곱셈 연산자는 문자열과 숫자를 곱하..
-
#JavaScript Grammar_형 변환Javascript 2023. 10. 16. 11:56
# 형 변환이란? javascript의 데이터 타입 형태를 바꾸는 것을 뜻하며, 의도하지 않았지만 자동으로 바뀌는 것을 암시적 형 변환이라고 하고, 일부러 개발자가 의도적으로 바꾸는 것을 명시적 형 변환이라고 함. #1. 암시적 형 변환(Implicit Type Conversion) 암시적 형 변환은 JavaScript 엔진이 자동으로 데이터 타입을 변환하는 것을 의미. 1-1) 문자열(String) let result1 = 1 + "2"; console.log(result1); // "12" console.log(typeof result1); // "string" let result2 = "1" + true; console.log(result2); // "1true" console.log(typeof ..
-
#JavaScript Grammar_데이터 타입(3)Javascript 2023. 10. 16. 11:05
1. 불리언(Boolean) 불리언 데이터 타입은 '참(True)'과 '거짓(False)' 두 가지 값을 가짐. 주로 조건문에서 사용되며 어떤 조건이 참이거나 거짓인지 판단할 때 사용됨. let bool1 = true; // 참 let bool2 = false; // 거짓 console.log(bool1); // true console.log(typeof bool1); // "boolean" console.log(bool2); // false console.log(typeof bool2); // "boolean" 2. undefined " undefined "는 변수가 값을 할당받지 않은 상태, 이는 변수가 선언되었지만 초기화되지 않았을 때 발생하며, 변수가 아무런 값도 가지지 않음을 의미함. let x..
-
#JavaScript Grammar_데이터 타입(2)_문자Javascript 2023. 10. 16. 10:26
1. 문자열 나열(생성) 문자열은 작은 따옴표(`'`)나 큰 따옴표(`"`)로 둘러싸인 문자들의 열이며, 문자열을 생성할 때에는 변수에 할당하거나 직접 사용할 수 있음. let str = "Hello World!"; - 위 코드에서 "Hello World!"는 변수 `str`에 할당된 문자열. 2. 문자열 길이 확인하기 문자열의 길이를 확인하려면 문자열 객체의 `length` 속성을 사용함. `length`는 문자열에 포함된 문자의 개수를 반환함. console.log(str.length); // 12 - 위 예시에서 "Hello World!" 문자열의 길이는 12개로 나타남. 3.문자열 결합(Concatenation) 문자열을 결합하는 작업은 문자열을 연결하여 하나의 새로운 문자열을 생성하는 것을 의미..