[IT용어] 리터럴이란?

리터럴 개념 자바스크립트에서 리터럴(literal)은 코드에서 고정된 값을 나타내는 표기법입니다. 값을 계산하기 위해 변수나 표현식을 사용할 필요 없이 코드에서 직접 값을 표현하는 방식입니다. 예를 들어 숫자 42는 고정된 숫자 값을 나타내므로 JavaScript에서 숫자 리터럴입니다. 마찬가지로 "Hello, World!"라는 문자열은 고정된 문자열 값을 나타내므로 문자열 리터럴입니다. 리터럴 유형 다음은 자바스크립트에서 흔히 사용되는 리터럴 유형입니다. 1. 숫자 리터럴 숫자를 나타내며 10진수, 16진수 또는 지수 표기법으로 작성할 수 있습니다. 예: 42, 0xFF, 1.23e-4. 2. 문자열 리터럴 텍스트 문자열을 나타내며 작은따옴표 또는 큰따옴표로 묶습니다. 예: "Hello, World!"..

• format_list_bulleted IT용어
• · 2023. 5. 11.
• textsms

[Javascript] 객체 프로퍼티 추가하는 3가지 방법

JavaScript에서 객체에 새로운 프로퍼티를 동적으로 추가하는 방법은 다음과 같습니다. 1. 점 표기법 사용 const person = { name: 'John', age: 30, }; person.address = '123 Main St'; console.log(person); // {name: 'John', age: 30, address: '123 Main St'} 위 예제에서 person.address라는 새로운 프로퍼티를 점 표기법으로 추가하였습니다. 2. 대괄호 표기법 사용 const person = { name: 'John', age: 30, }; person['address'] = '123 Main St'; console.log(person); // {name: 'John', age: 3..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[Javascript] 3개 이상 객체 합치기 - Object.assign()

JavaScript에서는 여러 객체를 합치는 방법으로 Object.assign() 메서드를 사용할 수 있습니다. 이 메서드는 첫 번째 인자로 전달된 객체에 다른 객체의 프로퍼티를 복사합니다. 두 번째 인자부터 전달된 인자들은 복사하고자 하는 프로퍼티를 가지고 있는 객체들입니다. 예를 들어, 아래와 같이 3개의 객체가 있다고 가정해보겠습니다. const person1 = { name: 'John', age: 30, }; const person2 = { address: '123 Main St', phone: '555-1234', }; const person3 = { city: 'New York', state: 'NY', }; 이 객체들을 합치려면 Object.assign() 메서드를 사용하여 아래와 같이 작..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[Javascript] 객체 프로퍼티 삭제하기 - delete연산자

객체 프로퍼티 삭제 JavaScript에서 객체의 프로퍼티를 삭제하는 방법은 delete 연산자를 사용하는 것입니다. 다음은 delete 연산자를 사용하여 객체의 프로퍼티를 삭제하는 예시 코드입니다. const obj = { name: 'John', age: 30, address: '123 Main St', }; // 객체의 'age' 프로퍼티를 삭제합니다. delete obj.age; console.log(obj); // {name: 'John', address: '123 Main St'} 위 코드에서 delete obj.age를 실행하면 객체 obj에서 age 프로퍼티가 삭제됩니다. delete 연산자는 객체의 프로퍼티를 삭제할 수 있지만 객체 자체를 삭제할 수는 없습니다. 객체 자체를 삭제하려면 객..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[Javascript] 반복문 break, continue 차이

break와 continue는 모두 반복문에서 사용되는 제어문입니다. 하지만 두 문장은 서로 다른 역할을 수행합니다. break 문은 반복문을 즉시 탈출하고 반복문 바로 뒤의 문장으로 제어를 이동시킵니다. 따라서 break 문은 반복문에서 특정 조건이 충족되면 반복을 중지하고 반복문을 탈출나오는 데 사용됩니다. 반면에 continue 문은 현재 반복을 중지하고 다음 반복으로 넘어가는 역할을 합니다. 즉, continue 문은 반복문에서 특정 조건이 충족되면 현재 반복을 중지하고 다음 반복을 실행하는 데 사용됩니다. break문 예제를 통해 살펴보면 그 차이를 더 이해하기 쉽습니다. 예를 들어, 다음 코드에서 break 문은 i가 3일 때 반복문을 종료합니다. for (let i = 1; i

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[Javascript] 반복문 for문

for문 JavaScript에서 for문은 반복문의 한 종류로서 정해진 조건에 따라 코드 블록을 반복해서 실행하는 구문입니다. for문은 반복 횟수가 정해져 있는 경우에 사용하기 적합합니다. for문은 일반적으로 다음과 같은 구조를 가집니다. for (초기식; 조건식; 증감식) { // 조건식이 참인 동안 실행될 코드 블록 } 초기식은 반복문이 실행될 때 가장 먼저 실행되는 코드로서 일반적으로 반복을 제어하기 위한 변수를 초기화하는 역할을 합니다. 조건식은 반복문을 실행할 조건을 나타내며, 이 조건이 참(true)인 동안 반복문이 실행됩니다. 증감식은 반복문이 실행된 후에 변수를 증가 또는 감소시키는 코드로서, for문에서 주어진 코드 블록을 실행한 후에 실행됩니다. 예를 들어, 다음 코드는 0부터 9까..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[JavaScript] 조건문 switch문과 fall-through

조건문 JavaScript에서 조건문은 주어진 조건식이 참(true)인지 거짓(false)인지에 따라 다른 코드 블록을 실행하는 제어 구문입니다. JavaScript에서는 대표적으로 if, else if, else, switch 등의 조건문을 사용할 수 있습니다. switch문 switch문은 변수와 일치하는 case문으로 실행흐름을 옮깁니다. switch문과 일치하는 case문이 없다면 실행순서는 default문으로 이동합니다. 참고로 default문은 선택사항으로 사용할 수도 있고 사용하지 않을 수도 있습니다. switch문 구조 JavaScript에서 switch 문은 다음과 같은 구조를 가집니다. switch (변수) { case 값1: // 변수의 값이 값1과 일치할 때 실행되는 코드 블록 br..

• format_list_bulleted javascript
• · 2023. 5. 1.
• textsms

[Javascript] 체크박스 하나만 선택되도록 만드는 방법

HTML에서 체크박스를 1개만 선택할 수 있도록 만드는 방법 중 하나는 체크박스 그룹에 속한 모든 체크박스 요소에 대해 onchange 이벤트를 사용하여 선택된 체크박스 요소가 1개인지 확인하는 것입니다. 만약 선택된 체크박스 요소가 1개 이상이면, 이전에 선택된 체크박스 요소의 선택은 취소되도록 만듭니다. 다음은 이 방법을 사용한 HTML 코드 예시입니다. See the Pen javascript - select only 1 checkbox by saladent (@saladent) on CodePen. 위의 코드에서는 onchange 이벤트를 사용하여 checkboxGroup() 함수를 호출하도록 설정합니다. 이 함수는 체크박스 그룹에 속한 모든 체크박스 요소를 찾아와 선택된 체크박스 요소가 1개인지..

• format_list_bulleted javascript
• · 2023. 4. 30.
• textsms

[Javascript] 문자열 앞뒤 공백 제거 - trim()

JavaScript에서 trim() 메소드는 문자열의 앞 뒤, 즉 양 끝에 있는 공백을 제거하는 메소드입니다. 이 메소드는 원본 문자열을 변경하지 않고, 공백이 제거된 새로운 문자열을 반환해줍니다. 다음은 trim() 메소드의 사용 예시입니다. See the Pen javascript - trim() by saladent (@saladent) on CodePen. 위의 예시에서는 str 변수에 공백이 포함된 문자열을 할당하고, 이 문자열에서 trim() 메소드를 호출하여 양 끝의 공백을 제거한 후 newStr 변수에 할당합니다. trim() 메소드는 문자열에서 시작하는 공백과 끝나는 공백만 제거하며, 문자열 중간에 있는 공백은 제거하지 않습니다.

• format_list_bulleted javascript
• · 2023. 4. 30.
• textsms

[Javascript] 배열 합치기 3가지 방법

JavaScript에서 배열을 합치는 방법은 다음과 같습니다.  1. concat() 메소드 사용하기 concat() 메소드를 사용하여 두 개 이상의 배열을 하나의 배열로 합칠 수 있습니다. 이 메소드는 원본 배열을 변경하지 않고, 새로운 배열을 반환합니다.See the Pen javascript - concat() by saladent (@saladent) on CodePen.   2. spread 연산자 사용하기ES6부터 추가된 spread 연산자를 사용하여 배열을 합칠 수 있습니다. 이 방법도 concat() 메소드와 마찬가지로 원본 배열을 변경하지 않고, 새로운 배열을 반환합니다.See the Pen javascript - spread by saladent (@saladent) on CodeP..

• format_list_bulleted javascript
• · 2023. 4. 30.
• textsms