'🌐 FrontEnd/JavaScript' 카테고리의 글 목록

JavaScript 배열 메소드의 시간복잡도

🌐 FrontEnd/JavaScript 2022. 12. 14. 17:36

시작하면서 자바스크립트 배열 메서드에 관한 시간 복잡도를 공부합니다. 배열 메소드의 시간 복잡도 시간 복잡도란? 시간 복잡도란 간단하게 말해서 알고리즘이 어떤 문제를 해결하는 데 걸리는 시간을 말합니다. 시간 복잡도 표시는 빅오 표기법을 사용하였습니다. 알고리즘의 효율성을 표기해주는 표기법입니다. 배열 메서드 시간 복잡도 배열에서 많이 사용하는 메서드들의 시간 복잡도를 알아보도록 하겠습니다. 1. push() - O(1) 배열 끝에 새로운 요소를 추가해주는 메서드입니다. 일정한 O(1)의 복잡도를 갖습니다. 입력값이 증가하더라도 시간은 변하지 않습니다. const names = ['Luis','John','Jose']; names.push("Aaron"); console.log(names); // (4)..

Number() 과 parseInt() 의 차이는 무엇일까?

🌐 FrontEnd/JavaScript 2022. 11. 15. 12:26

시작하면서 Number() 과 parseInt() 의 차이는 무엇일까? 에 대한 답을 찾아갑니다. Number() 과 parseInt()의 차이 Number() 과 parseInt()? Number() 과 parseInt() 는 둘 다 문자열을 숫자로 형변환 해주는 함수입니다. // Number() 과 parseInt() 예제 // Number과 parseInt 둘 다 문자열을 숫자로 형변환 let num = Number("1234"); console.log(num); // 1234 num = parseInt("1234"); console.log(num); // 1234 차이점은? 숫자와 문자가 결합되어있는 문자열을 확인해보면 알 수 있습니다. // 숫자 + 문자 num = Number("1234안녕하세..

JavaScript 자바스크립트 표현식과 표현식이 아닌 문?

🌐 FrontEnd/JavaScript 2022. 6. 16. 15:08

시작하면서 JavaScript 자바스크립트에서 표현식과 표현식이 아닌 일반 문은 어떻게 구분할까? 에 대한 답을 찾아봅니다. 표현식과 표현식이 아닌 문 구분하기 표현식이란? 표현식(express) 은 값으로 평가될 수 있는 문(statement) 입니다. // 표현식 예제 // 표현식이 아닌 문 var a; // 변수 선언문은 값으로 평가 되지 않기 때문에 표현식이 아닙니다. // 표현식인 문 100; // 100 이라는 숫자도 리터럴 즉, 값이기 때문에 표현식입니다. a = 1 + 2; // a = 1 + 2 는 완전한 문이기도 하면서 표현식입니다. 그렇다면? 값으로 평가될 수 있는 문이면 표현식 값으로 평가될 수 없는 문이면 표현식이 아닌 문이 됩니다. 구분하는 쉬운 방법 가장 간단한 방법은 바로 변..

JavaScript 자바스크립트 변수 값 재할당은 같은 메모리 공간에 값을 다시 넣는게 아니라고?

🌐 FrontEnd/JavaScript 2022. 6. 14. 18:24

시작하면서 제목 그대롭니다. 아닙니다. 변수 재할당은 같은 메모리 공간을 비우고 다시 넣는 것이 아니다 변수 재할당이란? 재할당이란 변수에 저장된 값을 다른 값으로 변경하는 것을 말합니다. // 재 할당 예 var number = 12; // 변수 선언과 값 할당 number = 123; // 값의 재할당 재할당과 메모리 공간 앞선 예제에서 보았듯이 재할당 값 123 은 12 가 저장되어 있던 메모리 공간을 지우고 재할당 하는 것이 아니라, 새로운 메모리 공간을 확보하고 그 메모리 공간에 123 값을 저장합니다. 즉, 이전의 공간을 다시 사용하는 것이 아닙니다. 새로운 메모리 공간을 사용하는 것입니다. 사용하지 않는 메모리 그렇다면 쓰지 않는 메모리 공간은 어떻게 처리될까요? 바로 가비지 콜렉터에 의해 ..

JavaScript 자바스크립트 기초 - 함수

🌐 FrontEnd/JavaScript 2022. 6. 3. 15:50

시작하면서 자바스크립트 기초를 공부합니다. 이번엔 함수를 공부합니다. 1. 함수 (1) 함수란? 함수란 일련의 실행문을 저장할 수 있는 공간을 가리킵니다. 함수에 저장된 일련의 실행문은 함수 호출문에 의해 언제든 실행할 수 있습니다. (2) 기본 함수 정의문 // 기본형 function 함수명() { // 함수 정의문 실행문; } 함수명(); // 함수 호출문 // 예 function test() { document.write("hello"); } test(); (2) 예제 배경색을 바꿔보아요 (3) 매개 변수가 있는 함수 정의문 매개 변수란 함수를 호출하였을 때 전달한 값을 저장하는 변수를 가리킵니다. 이렇게 전달된 값은 함수 정의문 내에 일련의 실행문에 사용할 수 있습니다. // 기본형 functio..

JavaScript 자바스크립트 기초 - 객체

🌐 FrontEnd/JavaScript 2022. 5. 30. 20:06

시작하면서 자바스크립트 기초를 공부합니다. 자바스크립트의 객체를 예제와 함께 공부합니다. 1. 객체 (1) 객체란? 자바스크립트는 객체(Object) 기반 언어입니다. 객체는 기능(메서드) 또는 속성으로 구성되어 있습니다. // 기본형 객체.메서드(); TV.켜다(); TV.끄다(); 객체.속성 또는 객체.속성=값; TV.너비 = "30inch"; TV.색상 = "black"; (2) 객체의 종류 객체는 크게 세 가지로 분류할 수 있습니다. (2-1) 내장 객체 자바스크립트 자체 내에서 지원하는 객체를 가리킵니다. 내장 객체에는 문자(String), 날짜(Date), 수학(Math), 배열(Array) 객체 등으로 구성되어있습니다. (2-2) 브라우저 객체 모델(BOM) 브라우저에 계층적으로 내장되어 ..

JavaScript 자바스크립트 기초 - 제어문

🌐 FrontEnd/JavaScript 2022. 5. 29. 02:27

시작하면서 자바스크립트 기초를 공부합니다. 이번엔 제어문을 예제와 함께 공부합니다. 1. 제어문이란? 제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 실행문을 말합니다. 제어문은 세 가지로 분류할 수 있습니다. '조건 만족 여부에 따라 실행문을 제어할 수 있는 조건문' -> if / else / else if '변수에 일치하는 경우의 값에 따라 실행문을 제어할 수 있는 선택문' -> switch '특정 실행문을 여러 번 반복 실행할 수 있도록 하는 반복문' -> while / for 2. 조건문 (1) if 문 if 문은 조건식을 만족(true)할 경우에만 실행문을 실행합니다. // 기본형 if (조건식) { 실행문; } (1) 예제 (2) else 문 else 문은 조건식을 만족(true)할 경우..

JavaScript 자바스크립트 연산자 우선 순위

🌐 FrontEnd/JavaScript 2022. 5. 28. 23:05

시작하면서 자바스크립트에서 사용하는 연산자들의 우선순위를 알아봅시다. 연산자 우선순위 연산자들의 우선순위는 다음과 같습니다. 1순위. ( ) 2순위. 단항 연산자 ( --, ++, ! ) 3순위. 산술 연산자 ( +, /, %, +, - ) 4순위. 비교 연산자 ( >, >=,

ABOUT ME

Whatever can happen will happen Whatever can happen will happen

티스토리툴바