본문 바로가기

분류 전체보기

 (137)
JavaScript 표준 내장 객체 - Math abs (absolute) console.log(Math.abs(7)) console.log(Math.abs(-7)) console.log(Math.abs(3.14)) console.log(Math.abs(-3.14)) console.log(Math.abs('7.35')) console.log(Math.abs('-7.35')) - 숫자 데이터의 절댓값을 반환하는 메서드입니다. - 문자를 입력하여도 Number로 형변환하여 절댓값을 적용해줍니다. ceil & floor & round console.log(Math.ceil(3.141592))// 4 console.log(Math.floor(3.141592))// 3 console.log(Math.round(3.141592))// 3 console.log(M..
JavaScript 표준 내장 객체 - Number toFixed const pi = 3.14159265358979 console.log(pi.toFixed(2)) // '3.14' // 숫자로 사용하기 위해서는 Number로 형변환을 해주어야 합니다. console.log(Number(num.toFixed(2)) // 3.14 - 지정된 자리수까지 표현하는 새로운 문자를 반환합니다. - 숫자 데이터로 사용하기 위해서는 Number() 를 사용하여 숫자 데이터로 형변환을 시켜야 합니다. toLocaleString const num1 = 1000 const num2 = 100000000 const num3 = num1.toLocaleString() const num4 = num2.toLocaleString() console.log(num1) // 1000 ..
JavaScript 표준 내장 객체 - String String 데이터에 사용할 수 있는 표준 내장 객체중, 자주 쓰는 것들을 정리한 글입니다. length const msg1 = 'Hello World' console.log(msg1.length) // 11 // 응용 예시 const msg2 = 'The quick brown fox jumps over the lazy dog' const h1El = document.querySelector('h1') h1El.textContent = msg2.length>20? `${msg.slice(0,20)}...`:msg2 - 문자의 길이를 숫자로 반환합니다. includes const msg1 = 'Hello World!' const msg2 = 'The quick brown fox jumps over the ..
JavaScript 함수 - 호출 스케줄링 setTimeout const timeout = setTimeout(()=>{ console.log('Hello') }, 5000) - 지정된 콜백 함수를 시간차를 두고 호출하는 함수입니다. - setTimeout( [콜백함수] , 시간 ) 의 형태로 구성되며, 시간의 단위는 ms (1000분의 1초) 입니다. clearTimeout const timeout = setTimeout(()=>{ console.log('Hello') }, 5000) const btnEl = document.querySelector('button') btn.addEventListener('click', ()=>{ console.log('타임아웃 취소') clearTimeout(timeout) }) - 설정된 setTimeout..
JavaScript 함수 - 화살표함수 와 콜백함수, 즉시실행함수 화살표 함수 (Arrow Function) function hello() { return 'Hello' } // 반환값만 존재하는경우 중괄호를 생략할 수 있습니다. const hello_arrow = () => 'Hello' // 매개변수가 한개만 있는 경우 소괄호를 생략할 수 있습니다. const say_my_name = name => 'my name is '+name console.log(hello()) console.log(hello_arrow) // 매개변수가 2개 이상이면 소괄호를 생략할 수 없습니다. const add = (a,b) => a+b // 함수 내 다른 구문이 존재한다면 중괄호를 생략할 수 없습니다. const console_arrow = c =>{ console.log(c) }​ ..
JavaScript 함수 - 함수의 반환과 매개변수 함수의 반환 function Hello(name) { return `Hello ${name}` // 여기서 함수가 종료되므로 아래 코드는 동작하지 않습니다. console.log('동작하지 않는 줄입니다.') } const Hi = Hello('Neo') console.log(Hi); // Hello Neo - return 키워드를 통해 반환값을 반환합니다. - 반환이후 함수가 바로 종료되므로, return 이후 구문은 동작하지 않습니다. function a(){ // return 키워드가 생략되어 있습니다. } function b(){ return // 함수의 데이터가 생략되어있습니다. } function c(){ return undefined } - a, b, c는 모두 같은 내용입니다. - 함수에는..
JavaScript 함수 - 호이스팅(Hoisting)과 추상화(Abstraction) 함수 표현식과 선언문 함수 선언문 function hello(){ console.log('Hello') } - 함수 자체를 선언하는 방식입니다. - 함수를 뜻하는 function과 함수명을 지정해주어야 합니다. 함수 표현식 const world = function(){ console.log('World') } - 어떠한 변수에 함수를 할당하는 방식입니다. - 변수 자체가 함수의 역할을 하며, 이름을 지정하지 않으며, 적더라도 무시됩니다. 위 두 방식의 차이중 하나는 호이스팅이 되는가? 입니다. 함수 선언문은 호이스팅이 적용되지만 표현식은 호이스팅을 지원하지 않습니다. 호이스팅 hello() // hello 출력 world() // 에러 발생 function hello(){ console.log('Hell..
JavaScript 함수 - 기명함수와 익명함수 함수 함수란, 하나의 값을 입력하여 특정한 값을 반환하는 일종의 출력식을 말합니다. function 함수명 (매개변수){ 코드 } 함수임을 나타내는 function과 함수명, 함수 외부에서 가져오는 매개변수로 구성됩니다. function Hello(){ return 'Hello' } console.log(hello) // 데이터로 출력, 함수 자체가 출력됩니다. console.log(hello()) // 함수의 반환값을 출력합니다. 함수의 반환값을 사용할 수도 있지만, 함수 자체를 데이터로 사용할 수도 있습니다. 기명함수와 익명함수 // HTML 파일의 h1 태그를 읽습니다. const h1El = document.querySelector('h1') // 기명함수 - 함수의 이름을 가지고 있습니다. fu..

티스토리툴바