본문 바로가기
반응형

Javscript

 (22)
[Javascript] 다른 언어 배열들과의 차이점, 장단점 (1/28) 오매 겁나 밀렷다.,,,, 빨리 정리하고 잠을 청하도록 하자 ,,,!!! 자바스크립트 배열은 배열이 아니다. 일반적으로 배열이라는 자료 구조의 개념은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료 구조를 말한다. 즉, 배열의 요소는 하나의 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다. 이러한 배열을 밀집 배열(dense array) 이라 한다. 배열은 인덱스를 통해 효율적으로 요소에 접근할 수 있다. 하지만, 정렬되지 않은 배열에서 특정한 값을 탐색하는 경우, 모든 배열 요소를 처음부터 값을 발견할 때까지 차례대로 탐색(선형 탐색)해야한다. 이 때, 시간 복잡도는 O(n)이다. 자바스크립트는 일반적인 배열과 다르다. 즉, 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지..
[Javascript] 배열 기초 + 프로퍼티 (1/27) 배열의 생성 배열 리터럴 0개 이상의 값을 쉼표로 구분하여 대괄호로 묶는다. 첫번째 값은 인덱스 '0'으로 읽을 수 있다. 존재하지 않는 요소에 접근하면 undefined를 반환한다. const arr = []; console.log(arr[1]); //undefined const arr = ['zero', 'one']; console.log(arr[1]); // 'one' console.log(typeof arr); //object 배열 리터럴은 객체 리터럴과 달리 프로퍼티명이 없고 각 요소의 값만이 존재한다. 객체는 프로퍼티 값에 접근하기 위해 대괄호 표기법 또는 마침표 표기법을 사용하며 프로퍼티명을 키로 사용한다. 배열은 요소에 접근하기 위해 대괄호 표기법만을 사용하며 대괄호 내에 접근하고자 하는 ..
[Javascript] String 객체 (1/27) String 객체 String 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 래퍼(wrapper)객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이 String객체의 프로퍼티와 메소드를 사용할 수 있다. 원시 타입이 wrapper 객체의 메소드를 사용할 수 있는 이유 -> 원시 타입으로 프로퍼티나 메소드를 호출할 때 원시 타입과 연관 wrapper 객체로 일시적으로 변환되어 프로토 타입 객체를 공유하게 되기 때문이다. String Constructor String 객체는 Sring 생성자 함수를 통해 생성할 수 있다. 이때, 전달된 인자는 모두 문자열로 변환된다. let strObj = new String('Lee'); cons..
[Javascript] 정규식 (1/21) 정규 표현식(Regular Expression) 정규표현식은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 예를 들어, 회원가입 화면에서 사용자로부터 입력받은 전화번호가 유효한지 체크할 필요가 있다. 이 때, 정규표현식을 사용하면 간단히 처리할 수 있다. 정규 표현식 만들기 // 1. var re = /ab+c/; // 2. var re = new RegExp("ab+c"); 정규식 리터럴(1번 방법)은 스크립트가 불러와질 때 컴파일 됩니다. 만약, 정규식이 상수라면, 이렇게 사용하는 것이 성능을 향상시킬 수 있습니다. 2번 방법은 RegExp 객체의 생성자 함수를 호출하는 방법입니다. 생성자 함수를 사용하면 정규식이 실행 시점에 컴파일됩니다. 정규식의 패턴이 변경될 수 있는 경우, 혹은..
[Javascript] Date 객체 (1/21) Date 객체는 날짜와 시간을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수 이다. Date 생성자 함수로 생성한 Date 객체는 내부적으로 숫자값을 갖는다. 이 값은 1970년 1월 1일 00:00(UTC)을 기점으로 현재 시간까지의 밀리초를 나타낸다. UTC(협정 세계사: Coordinated Universal Time)는 GMT(그리니치 평균시 : Greenwich Mean Time)로 불리기도 한다. UTC와 GMT는 초의 소숫점 잔위에서만 차이가 나기 때문에 일상에서는 혼용되어 사용된다. 기술적인 표기에서는 UTC가 사용된다. KST(Korea Standard Time)는 UTC/GMT에 9시간을 더한 시간이다. 즉, KST는 UTC/GMT보다 9시간이 빠르다. 현재의 날짜와 시간은 자바..
[Javascript] Math 객체 (1/20) Math 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체 이다. Math 객체는 생성자 함수가 아니다. 따라서, Math객체는 정적 프로퍼티와 메소드만을 제공한다. Math Property Math.PO PI값 (약 3.14)을 반환한다. console.log(Math.PI); // 3.141592653589793 Math Method Math.abs(x: number):number 인수의 절대값을 반환한다. 반드시 0 또는 양수다. Math.abs(-1); // 1 Math.abs('-1'); // 1 Math.abs(''); // 0 Math.abs([]); // 0 Math.abs(null); // 0 Math.abs(undefined);// NaN Math.abs({});..
[Javascript] 자바스크립트 (1/20) 네이티브 객체(Native objects or Built-in objects or Global Objects) 네이티브 객체는 ECMAScript 명세에 정의된 객체를 말하며 애플리케이션 전역의 공통 기능을 제공한다. 네이티브 객체는 애플리케이션의 환경과 관계없이 언제나 사용할 수 있다. Object, String, Number, Function, Array, RegExp, Date, Math와 같은 객체 생성에 관계가 있는 함수 객체와 메소드로 구성된다. 네이티브 객체를 Global Object라고 부르기도 하는데, 이것은 전역 객체(Global Object)와 다른 의미로 사용되므로 혼동에 주의해야한다. 전역 객체(Global Object)는 모든 객체의 최상위 객체를 의미하며 일반적으로 Browse..
[Javascript] 자바스크립트 (1/18) - momentum 클론코딩(only js) 오늘은 니꼬쌤의 바닐라 js로 momentum 클론 코딩을 해따 모멘텀앱이 궁금한 사람은 https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca?hl=ko Momentum Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration. chrome.google.com 다운 받아 보세욥! 오직 CSS, HTML, Javascript만 사용해서 웹페이지를 만들어 보았다. 1. 폴더 구조 2. index.html TO DO 00:00:00 LOGOUT 태그 안에 태그를 사용하여 폰트 스타일과 css/style.css를 불..
반응형

티스토리툴바