Programming/Javascript91 [Javascript] 객체와 클래스 이제 객체지향에 대해 한발짝 더 전진할 시간입니다. 예전에 객체에 대해서 정말 간단하게 설명한적이 있었는데 이번 포스트 부터 그 객체를 자세하게 다뤄보도록 하겠습니다. 0. 객체 객체란 속성(프로퍼티)과 행위(메소드)를 가진 물체(오브젝트)입니다. 하나 더 붙이자면 이름도 붙일 수 있어야하죠. 이 포스트 이전까지 객체를 다음과 같이 생성했었습니다. let car = { name: 'sedan', color: 'yellow', drive: function() { console.log("부릉"); } } console.log(car.name); car.drive(); 이러한 방식을 객체 리터럴 방식이라고 말했었습니다. 이 객체 리터럴 방식은 새로운 객체를 생성할 때 마다 전부 새롭게 입력해야하고, 런타임때 .. 2021. 3. 18. [Javascript] 내장 객체 - RegExp 내장 객체 RegExp는 정규 표현을 다루는데 이용하는 내장 객체입니다. 정규 표현에 관한 내용은 이전 포스트를 참조해주세요. 2021.03.18 - [Programming/Javascript] - [Javascript] 정규 표현 [Javascript] 정규 표현 내장객체의 마지막 부분이자 새로운 개념인 정규 표현에 관한 포스트입니다. 1. 정규 표현 정규 표현이란 문자열에서 특정한 패턴을 가진 문자열을 의미합니다. 대표적으로 우리가 사용하는 웹 bamtory29.tistory.com 1. 객체 생성 let 변수명 = new RepExp('정규 표현식', '옵션'); let 변수명 = /정규표현/옵션; 2. 정규 표현에서 검색하기 정규 표현에서 검색하는 방법으로는 두가지 방법이 있습니다. 하나는 Str.. 2021. 3. 18. [Javascript] 정규 표현 내장객체의 마지막 부분이자 새로운 개념인 정규 표현에 관한 포스트입니다. 1. 정규 표현 정규 표현이란 문자열에서 특정한 패턴을 가진 문자열을 의미합니다. 대표적으로 우리가 사용하는 웹 주소(https://www.~)나 전화번호(XXX-XXXX-XXXX)가 있습니다. 주소는 https://와 www, 닷(.)이 들어가는 패턴을 가진 문자열이고 전화번호는 -으로 구분된 문자열이라고 볼 수 있습니다. 만약 이러한 문자열을 정규 표현없이 처리하려면 전화번호 같은 경우에 숫자가 세개오고 -가 오는가를 검사 한 후 숫자가 네개오고 -이 오는가라는 작업을 반복해야하는 번거로움이 생깁니다. 이런 번거로움 때문에 정규 표현을 이용하게 됩니다. 2. 자바스크립트의 정규 표현 정규 표현이 포함된 문자열을 정규 표현 패턴이.. 2021. 3. 18. [Javascript] 내장 객체 - Date 객체 Date 객체의 특정 메소드를 찾으러 오신 분들은 Ctrl+F로 검색해주세요. 감사합니다. 이번에 나오는 Date 객체는 이름에서 느껴지듯 날짜(+시간)에 대한 데이터를 다루는데 사용되는 객체입니다. 0. 협정 세계시와 로컬 시간 자바스크립트를 다루다가 갑자기 시간 퀴즈? 라고 생각될 수 있지만 간단히 알아두고 넘어가야합니다. 우리는 상식으로 우리가 사는 곳의 시간과 다른 나라에서의 시간은 다르다고 알고 있습니다. 웹에서도 이러한 개념이 필요합니다. 인터넷은 국경없이 전세계와 소통한다고 하지만 그만큼 하나의 기준이 필요하기도 하기 때문이죠. 우선 로컬은 당연하게도 사용자가 위치한 지역을 말합니다. 사용자가 대한민국에서 접속했다면 대한민국의 표준 시간(날짜)를 받아오고 미국에서 접속했다면 미국의 표준 시간.. 2021. 3. 17. [Javascript] 내장 객체 - Set 특정 메소드를 찾으러 오신 분들은 Ctrl + F로 검색하시길 바랍니다. 감사합니다. Set 객체는 중복되지 않는 값들의 집합을 다루는 객체입니다. 중복되지 않는 값이면서 자료형이 달라도 상관없는 집합입니다. 어떻게 보면 배열의 일종이기도 해서 지난 포스트의 Map객체 그리고 배열 객체인 Array 객체와 유사한 메소드들이 많습니다. 그러나 배열과 유사한거지 배열이 아니므로 Array, Map처럼 인덱스나 키로 접근이 불가능한 차이점에 유의해야합니다. 1. add() add(value); add는 생성된 Set 객체에 값을 추가합니다. 이때 Set객체의 요소들의 자료형이 달라도 문제가 발생하지 않습니다. let set1 = new Set(); set1.add(1); set1.add('two'); set1.. 2021. 3. 15. [Javascript] 내장 객체 - Map 과 연관 배열 특정 메소드를 찾으러 오신 분들은 Ctrl + F로 검색하시길 바랍니다. 감사합니다. 이번에 알아볼 내장 객체는 Map 객체입니다. 이 객체는 연관 배열을 다루는데 도움을 주는 내장 객체입니다. 연관 배열에 대한 내용은 아래 링크의 설명을 참조해 주시길 바랍니다. 2021.02.17 - [Programming/Javascript] - [Javascript] 반복문 3 - for~in [Javascript] 반복문 3 - for~in 이번 포스트와 다음 포스트는 for문의 변형 두가지를 소개하며 넘어가도록 하겠습니다. 그 첫번째는 연관 배열을 순서대로 처리해주는 for~in 구문입니다. 0. 연관 배열 연관 배열이란, 키:키값 쌍 bamtory29.tistory.com 1. set set(key, valu.. 2021. 3. 15. 이전 1 ··· 5 6 7 8 9 10 11 ··· 16 다음 300x250
