본문 바로가기

programming study

 (889)
33장. 7번째 데이터 타입 Symbol 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 33.1 심벌이란? 변경 불가능한 원시 타입의 값 다른 값과 중복되지 않는 유일무이한 값 33.2 심벌 값의 생성 33.2.1 Symbol 함수 Symbol 함수를 호출하여 생성 리터럴로 생성할 수 없음 심벌 값은 외부로 노출되지 않음 암묵적으로 문자열, 숫자 타입으로 변환되지 않음 불리언으로는 암묵적으로 타입 변환 심벌 또한 래퍼 객체를 생성 33.2.2 Symbol.for / Symbol.keyFor 메서드 Symbol.for: 인수로 전달 받은 문자열을 키로 사용하여 키와 심벌 값의 쌍들이 저장되어 있는 전역 심벌 레지스트리에서 키와 일치하는 심벌 값 검색 검색 성공 시 : 검색된 심벌 ..
32장. String 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메서드 제공 32.1 String 생성자 함수 new 연산자와 함께 호출하여 String 인스턴스 생성 가능 인수 전달하지 않고 호출하면, [[StringData]] 내부 슬롯에 빈 문자열을 할당한 String 래퍼 객체 생성 인수를 전달하면, [[StringData]] 내부 슬롯에 문자열을 할당한 String 래퍼 객체 생성 String 래퍼 객체는 유사 배열 객체, 이터러블 length 프로퍼티, 인덱스를 가짐 new 없이 인수를 전달하면, 문자열을 반환 32.2 length 프로퍼티 접근시, 문자 개수 반환 32.3 String 메서드 원본..
31장. RegExp(2) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 31.4 플래그 정규 표현식의 검색 방식을 설정하기 위해 사용 총 6개 존재 i(Ignore case): 대소문자 구별하지 않음 g(Global): 대상 문자열 내에서 패턴과 일치하는 모든 문자열 전역 검색 m(Multi line): 행이 바뀌어도 검색 31.5 패턴 문자열의 일정한 규칙을 표현 /(슬래시)로 열고 닫음 메타문자: 특별한 의미를 가지는 문자 31.5.1 문자열 검색 패턴으로 지정한 문자열을 검색 메서드를 사용하여 검색 수행 const regExp = /siru/; ​ const target = 'siru is babo'; ​ regExp.test(target); // true ..
31장. RegExp(1) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 31.1 정규 표현식이란? 정규표현식: 일정한 패턴을 가진 문자열의 집한을 표현하는 형식 언어 대부분의 프로그래밍 언어와 코드 에디터에 내장 자바스크립트는 펄의 정규 표현식 문법을 도입(ES3) 패턴 매칭 기능 : 특정 패턴과 일치하는 문자열 검색 또는 치환할 수 있는 기능 유효성 검사에 사용(휴대전화, 이메일, 아이디 형식, 비밀번호 형식 등) 31.2 정규 표현식의 생성 정규 표현식 리터럴 패턴과 플래그로 구성 RegExp 생성자 함수 사용하여 객체 생성 변수를 사용ㅎ해 동적으로 RegExp 객체 생성 가능 // 패턴 : cat // 플래그 : i const regexp = /cat/i; ..
30장. Date(2) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 30.2 Date 메서드 30.2.1 Date.now 1970년 1월 1일 00:00:00(UTC) 기점으로 현재 시간까지 경과한 밀리초 숫자로 반환 30.2.2 Date.parse 1970년 1월 1일 00:00:00(UTC) 기점으로 인수로 전달된 지정 시간 까지의 밀리초를 숫자로 반환 30.2.3 Date.UTC 1970년 1월 1일 00:00:00(UTC) 기점으로 인수로 전달된 지정 시간까지 밀리초를 숫자로 반환 new Date(yaer, month, [, day, hour, minute, second, millisecond])와 같은 형식의 인수를 사용해야 함 30.2.4 Date...
30장. Date(1) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 표준 빌트인 객체 날짜와 시간을 위한 메서드 제공 UTC: 협정 세계시 국제 표준시 그리니치 평균시 KST: 한국 표준시 UTC + 9h 자바스크립트 코드가 실행된 시스템의 시계에 의해 결정 30.1 Date 생성자 함수 내부적으로 날짜와 시간을 나타내는 정수값을 가짐 1970년 1월 1일 00:00:00(UTC)을 기점으로 객체가 나타내는 날짜와 시간까지의 밀리초를 나타냄 현재 날짜와 시간 Date 생성자 함수에 명시적으로 인수를 지정하면, 다른 날짜 정보 접근 가능 30.1.1 new Date() 현재 날짜와 시간을 가지는 Date 객체를 반환 new 연산자 없이 호출 시, 문자열로 반환 ..
29장. Math 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 표준 빌트인 객체 생성자 함수 X 수학적 상수, 함수를 위한 프로퍼티 메서드 제공 29.1 Math 프로퍼티 29.1.1 Math.PI 원주율 PI 값 29.2 Math 메서드 29.2.1 Math.abs 전달된 숫자의 절대값 반환 0 또는 양수 29.2.2 Math.round 인수로 전달된 소수점 이하를 반올림한 정수 반환 29.2.3 Math.ceil 인수로 전달된 숫자의 소수점 이하를 올림한 정수를 반환 29.2.4 Math.floor 인수로 전달된 소수점 이하를 내림한 정수 반환 29.2.5 Math.sqrt 전달된 숫자의 제곱근 반환 29.2.6 Math.random 임의의 난수 반환..
Vue.js - Vue Router, 컴포넌트 간 데이터 전달, Vuex 1. Vue Router 1.1 Declarative a태그와 같이 특정 요소를 클릭하면 지정한 경로로 이동 TIL 로그인 회원가입 ... 1.2 Programmatic JavaScript 레벨에서 지정한 경로로 이동시키기 2. 컴포넌트 간 데이터 전달 이벤트 - 프롭스 컴포넌트 통신 방식: 규모가 커질 수록 복잡하고 비효율적 이벤트버스 Vuex: 가장 효율적 3. Vuex 3.1 Vuex install npm i vuex 3.2 store 생성과 주입 // src/store/index.js import Vue from 'vue'; import Vuex from 'vuex'; ​ Vue.use(Vuex); ​ export default new Vuex.Store({ state: { username: ''..

티스토리툴바