Javascript
-
#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) 문자열을 결합하는 작업은 문자열을 연결하여 하나의 새로운 문자열을 생성하는 것을 의미..
-
#JavaScript Grammar_데이터 타입(1)_숫자Javascript 2023. 10. 16. 00:15
# 데이터 타입이란? - 자바스크립트 코드가 실행될 때, 즉 런타임(runtime)에 값의 형태나 종류를 결정함. - 이것은 코드를 작성할 때가 아니라 코드가 실제로 실행되는 시점에서 이루어짐. 데이터 타입 예시) 자바스크립트에서 변수를 선언할 때 데이터 타입을 명시하지 않고 값을 할당할 때, 그 값의 데이터 타입은 변수에 할당될 때 결정됨. let x = "Hello, World"; // 문자열 데이터 타입 x = 42; // 숫자 데이터 타입 위의 예시에서 `x`는 초기에 문자열 데이터 타입을 가지고 있지만, 나중에 숫자로 값을 변경하면 데이터 타입도 숫자로 변경됨. 이런 동적인 데이터 타입 결정은 자바스크립트의 유연성을 제공하고, 변수의 데이터 타입을 명시적으로 선언하지 않아도 되며, 코드를 실행할..
-
#JavaScript Grammar_변수와 상수Javascript 2023. 10. 15. 21:22
# 변수란? - 데이터를 저장하고 나중에 사용할 때 데이터를 참조하는데 사용함. - 메모리 상의 위치에 이름을 붙인 것이며, 데이터 위치를 가리키기 위한 이름 또는 식별자로 사용함. # 상수란? - 변수와 유사하지만, 한 번 할당하면 값을 변경할 수 없는 식별자 - 주로 변하지 않아야 하는 값에 사용되며, 코드의 가독성과 안정성을 향상시킴 상수 예시) const pi = 3.14159265359; // 'pi' 상수에 원주율 값을 할당한 후 다시 할당 불가능 var myVar = "Hello World!"; //가 있다고 가정 1. 변수 이름(Variable Name): - 변수 이름은 데이터를 고유하게 식별하는 이름. 이것은 변수를 사용하여 값을 저장하고 추적하는 방법 - 변수 이름은 일반적으로 문자,..