IT Knowledge Share

자바스크립트에서 단일 변수에 여러 값을 저장하는 데 '배열'이 사용됩니다. 이전에 설명했다시피, 배열을 선언할 때는 const 키워드를 사용합니다. 1. 배열 생성 방법 대괄호 사이에 데이터를 넣은 뒤, 변수에 바로 할당하거나, new 키워드를 사용해 배열을 생성한 뒤, 변수에 할당하는 방법은 다음과 같습니다. 첫 번째 방법이 속도 면에 더 빠르다고 하니, new 키워드 사용보다는 첫 째 방법처럼 배열 생성을 추천합니다. const cars = ["Saab", "Volvo", "BMW"]; const cars = new Array("Saab", "Volvo", "BMW"); 2. 배열에 접근하기 인덱스를 이용해서 배열에 접근할 수 있습니다. const cars = ["Saab", "Volvo", "BMW..

자바스크립트의 숫자에 사용할 수 있는 유용한 메소드를 소개해봅니다. 1. toString( ) 이 메소드는 숫자를 문자열로 반환하며, 정말 자주 사용됩니다. 모든 유형의 숫자(리터럴, 변수 또는 표현식)에 사용할 수 있습니다. let x = 100; x.toString(); (100).toString(); (100 + 50).toString(); 2. toExponential( ) 및 toFixed( ) toExponential 메소드 숫자를 반올림하고, 지수 표기법을 사용하여 쓴 문자열을 반환합니다. 해당 메소드와 같이 사용하는 매개변수(파라미터)는 소수점 뒤의 숫자 갯수를 정의합니다. 매개변수를 지정하지 않으면, 반올림되지 않은 값이 리턴됩니다. let x = 9.656; x.toExponential..

이전에는 템플릿 문자열(Template Strings)로 불렸던, 템플릿 리터럴에 대해 알아보도록 하겠습니다. 템플릿 리터럴은 따옴표("") 대신 역따옴표(``)를 사용하여 문자열을 정의합니다. 템플릿 리터럴을 사용하면 문자열 안에 작은따옴표와 큰따옴표를 모두 사용할 수 있습니다. let text = `Hello World!`; let text = `언제까지 "Hello World!"만 할 것입니까?`; 템플릿 리터럴에서는 표현식을 삽입할 수 있습니다. ${ }를 사용하면 표현식을 삽입하여 나타낼 수 있습니다. ${...} var a = 5; var b = 10; console.log(`a + b의 결과는 ${a + b} 입니다.`); //a + b의 결과는 15 입니다. ${ } 안에는 변수나 표현식도..

자바스크립트 문자열에서 사용 가능한 다양한 메소드 등을 알아보겠습니다. 1. 특정 문자열 추출 아는 분은 이미 계시겠지만, 문자열의 길이는 length로 표현할 수 있습니다. let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; txt.length //리턴값은 26 문자가 길 경우, 특정 문자열은 어떻게 추출할 수 있을까요? 바로 아래의 메소드를 사용할 수 있습니다. slice(start, end) substring(start, end) substr(start, length) 사용법은 아래와 같습니다. 특히 자바스크립트의 인덱스는 0부터 시작하는 점을 주의하고 사용하세요! slice 메소드의 인자로는 시작 인덱스와 끝나는 인덱스가 오게되며, 음수로도 인자값을 받을 수 있습니다. subs..

자바스크립트의 이벤트에 대해 알아봅니다. HTML 페이지에 자바스크립트 코드가 사용되는 것은 모두 알고 있는 사실입니다. HTML 페이지에서 HTML 이벤트가 발생했을 때 이러한 이벤트에 자바스크립트가 반응할 수 있습니다. 예를 들어, HTML 페이지의 버튼을 사용자가 클릭한다던지, 마우스를 갖다 대거나 또는 페이지가 로딩을 끝났을 때 여러 상황에서 자바스크립트 이벤트가 반응하여 HTML 요소를 변경하거나 추가하거나 삭제하는 등의 묘기를 부릴 수 있습니다. 아래의 예문을 잠시 살펴봅니다. 아래는 날짜 확인 클릭 버튼입니다. 버튼을 클릭 시 현재 날짜와 시간을 나타내는 Date( ) 메소드의 값이 아이디 값이 test인 innerHTML, 즉 콘텐츠 부분에 표시되도록 할당한 것입니다. onclick 이벤트..

자바스크립트에서 객체를 선언할 때는 const 키워드를 사용합니다. 이렇게 객체에는 많은 정보를 담고 있는 데, 키와 밸류 값으로 이루어진 딕셔너리 형태입니다. const car = {type:"Fiat", model:"500", color:"white"}; const person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" }; 자바스크립트 프로퍼티란, 객체 안에 선언된 키와 밸류로 이루어진 한 쌍을 의미합니다. 위의 person 객체를 예시로 한다면, 프로퍼티(속성)와 프로퍼티 값(속성 값)은 다음과 같습니다. 프로퍼티(속성) 프로퍼티 값(속성 값) firstName John lastName Doe age 50 eyeColor ..