본문 바로가기

Programming310

[Javascript] class 명령을 이용한 클래스 정의 지난번에는 구버전의 클래스 정의를 다뤘다면 이제 ES2015에서 새로 추가된 class 명령을 통한 클래스 정의를 알아보겠습니다. 다른 클래스기반 객체지향 언어(C++, 자바 등)을 했었다면 익숙할 내용일 것 입니다. 클래스가 무엇인지는이전 포스트에서 설명했으니 이번 포스트에선 class 명령을 통한 선언부터 바로 시작하려고 합니다. 2021.03.18 - [Programming/Javascript] - [Javascript] 객체와 클래스 [Javascript] 객체와 클래스 이제 객체지향에 대해 한발짝 더 전진할 시간입니다. 예전에 객체에 대해서 정말 간단하게 설명한적이 있었는데 이번 포스트 부터 그 객체를 자세하게 다뤄보도록 하겠습니다. 0. 객체 객체란 bamtory29.tistory.com 우선.. 2021. 3. 19.
[Javascript] this 클래스 생성자 이야기하다가 등장한 this 키워드. 이 키워드는 사용위치에 따라 참조되는 공간이 다르다고 언급했습니다. 그래서 this키워드에 대해 조금 더 알아보고 넘어갈까합니다. 이 포스트에서는 this를 대략적으로만 알아보고 있습니다. this에 대한 더 자세한 용법은 다음을 참조해주세요. 2021.11.12 - [Programming/Javascript] - 자바스크립트의 this 자바스크립트의 this 예전에 this를 간단히만 다뤘습니다. 그때는 포스트 성격상 this가 클래스, 프로토타입 개념부터 이용되기 때문에 간단하게 소개했었습니다. 하지만 자바스크립트의 다른언어의 this와 달리 특이 bamtory29.tistory.com this가 사용된 위치 this가 참조하는 것 함수 외부(톱 레.. 2021. 3. 18.
[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.
300x250