RegExp 객체 (정규표현식)- 정규표현식의 리터럴: 한 쌍의 '/' 사이에 위치한 문자들.- 역슬래시(\): 메타 문자들이 문자 그대로 사용되게 함. (=이스케이프) 1. 리터럴 문자2. 문자 클래스(character class)- 해당 클래스 내의 모든 문자에 매치됨.ex) /[abc]/: a, b, c 중 아무 글자에나 매치됨.- 부정 문자 클래스(^ 캐럿)ex) /[^abc]/: a, b, c를 제외한 모든 문자와 매치됨.- 문자 범위 지정(- 하이픈)ex) /[a-zA-Z0-9]/: 모든 알파벳과 숫자에 매치됨. (cf) /[a-zA-Z0-9]/ === /\w/3. 반복- 반복을 지정할 패턴 뒤에 사용.- {n,m} [n, m]번 반복- {n,} n번 이상 반복- {n} n번 반복- ? 0번 ..
JSON(JavaScript Object Notation) : 데이터를 좀 더 쉽게 교환하고 저장하기 위해 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준. - 파싱과 문자열화(직렬화) 지원. - name/value 형태의 쌍으로 collection 타입. - 값들의 순서화된 리스트. 1. JSON.stringify(o, /*optional*/filter, /*optional*/indent) - 객체나 배열, 원시 값을 직렬화. - @param: filter 문자열로 변환하기 전에 값을 교체할 수 있는 함수 혹은 문자열로 변환될 프로퍼티 이름을 가진 배열. indent 들여쓰기문자열이나 들여쓰기에 사용할 공백 문자의 개수 지정. 미지정 시 공백 없음. - @return: JSO..
Array.prototype의 함수 프로퍼티들var arr = [1, 2, 3]; 일 때,arr.func(); 로 사용.1. join(/*optional*/seperator)- 배열의 모든 원소를 문자열로 변환하고, 변환한 문자들을 이어 붙인 결과를 반환.- @param: 구분자 문자. 미지정시 ",".- @return: String2. reverse()- 원본 배열의 원소 순서를 뒤집음.- @return: x3. sort(/*optional*/orderfunc)- 원본 배열의 요소들을 정렬- @return: 원본 배열에 대한 참조.4. concat(value, ...)- 배열을 이어 붙임.- @return: 전달인자를 원본배열에 이어 붙인 새 배열.5.slice(start, end)- 배열의 일부분을 ..
1. const, let, var- var: 호이스팅. 재선언, 재할당 가능. 함수 스코프.- let: 재선언 불가, 재할당 가능. 블록 스코프.- const: 재선언, 재할당 불가(선언과 동시에 초기화 필요). 블록 스코프.2. template string(템플릿 문자열)- ``(백틱: backtick), ${변수} 형식 사용.- var str = "How are you, " + p.name +"?";=> const str = `How are you, ${ p.name }?`;3.객체 리터럴- 프로퍼티 초기화 단축. 객체 프로퍼티 이름이 로컬 변수 이름과 같으면 콜론과 값 없이 표현 가능.기존function createPerson(name, age) {return {name: name,age: age}..
Javascript= Java의 문법 + Scheme의 1종 함수(first-class function) + Self의 프로토타입 기반 상속 개념 first class citizen (1급 시민)변수에 담을 수 있다.인자로 전달할 수 있다.반환값으로 전달할 수 있다.first class object (1급 객체)객체를 1급 시민으로 취급한다.first class function (1급 함수)함수를 1급 시민으로 취급한다.런타임 생성이 가능하다. 익명으로 생성이 가능하다. 프로토타임 기반 상속 개념클래스 기반 언어와 달리 프로토타입은 동적으로 확장될 수 있다. 타입(Type)1. 원시타입- 숫자(number), 문자열(string), boolean, null, undefined, symbol- immuta..
호이스팅(Hoisting)- 선언된 위치가 끌어올려(hoisted)지는 것.1. 실행 컨텍스트.2. 선언적 함수 방식으로 생성된 함수. (이미 변수가 생성되어 있으면 기존 값을 해당 함수로 변경.)3. var 키워드로 선언된 변수. (이미 변수가 생성되어 있으면 새로 생성 x.)순으로 실행 시작 시 선언됨. 어휘적 유효범위(Lexical scoping)- 함수가 정의된 시점에서의 변수 유효범위를 사용하여 함수를 실행. (함수를 호출하는 시점에서의 변수 유효범위 x.) 클로저(Closure)- 스코프 체인을 이용해 호출이 완료된 함수의 내부 변수를 참조할 수 있는 방법.- 내부 함수를 통해 외부 함수의 실행 컨텍스트 정보를 접근할 수 있는 것.- 특정 함수 내의 지역 변수를 외부 에서 접근할 수 있도록 하..
함수(Function): 한 번 정의하면 몇 번이고 실행할 수 있고, 호출할 수 있는 javascript 코드 블록. 함수 선언식(Function Declarations)function 함수명 () {구현 로직} - 변수를 정의하고 함수 객체를 변수에 할당.- 호이스팅에 영향을 받음.- 진짜 문장 아님. -> 반복문 내부, 조건문, try/catch/finally, with문 내부에 들어갈 수 없음. 함수 정의 표현식(Function Expressions)var 함수명 = function () {구현 로직} - 호이스팅에 영향 받지 않음.- 클로저, 콜백으로 사용. ref) callback: 다른 코드의 인수로서 넘겨주는 실행 가능한 코드.closure: 내부함수가 외부함수의 context에 접근할 수 ..
- 프로그래머스
- 웹팩 에러
- errno 253
- mkdirp
- createAction
- make-dir
- node cp -r
- ModuleParseError: Module parse failed: Unexpected token
- 인가
- 자바스크립트
- jest
- rimraf
- 스토리북 에러
- external editor
- node mkdir -p
- 스터디
- 페이지 특정 위치 link
- ECONNRESET
- node fs
- node rm -rf
- ELIFECYCLE
- javascript event
- file opener preference
- 인증
- fs-extra
- Webpack Error
- Storybook Error
- JavaScript
- node file package
- sass