G_NooN in Dev G_NooN in Dev

정규 표현식 ( Regular Expression ): 특정 조합의 텍스트 (Text) 를 찾기 위한 패턴: 줄여서 RegExp 또는 Regex 로 표현 선언 방식1. 단순 선언const regex = /패턴/플래그 // 패턴구분자 (/) : 패턴과 플래그를 구분2. RegExp 생성자 사용const regex = new RegExp(패턴, 플래그) 사용 방법1. String 객체의 메서드- match(), matchAll(), replace(), replaceAll(), search(), split()const matchResult = value.match(regex)const replaceResult = value.replace(regex, "")const searchResult = value.sea..

동기 vs 비동기동기(Synchronous)비동기(Asynchronous)요청과 응답이 순차적으로 발생요청과 응답이 비순차적으로 발생요청에 대한 응답이 올 때까지 대기한 후다음 요청 및 작업을 수행요청에 대한 응답을 기다리지 않고바로 다음 요청 및 작업을 수행 동기적 처리(Synchronous Processing)는 작업의 처리 순서는 보장되지만, 응답을 기다리는 동안 다른 작업을 수행할 수 없기 때문에 비효율적일 수 있음비동기 작업을 동기적으로 처리하는 방법콜백(Callback) 함수콜백(callback) 함수 : 다른 함수의 인자로 들어가는 함수 각 비동기 함수들을 콜백 함수 형태로 중첩적으로 작성const test = () => { setTimeout(() => { console.log("작..

템플릿 리터럴 (Template Literals)문자열의 새로운 표현 방식큰따옴표(")나 작은따옴표(')가 아닌 백틱(`)을 사용문자열 내부에서 줄바꿈이 가능`It is possible to use multi-line if you use Template literals`${}을 사용하여 문자열 내부에 표현식을 표기할 수 있음const ECMA = "ES";const num = 6;const name = "Template literals";`After ${ECMA+num}, you can put data inside with ${name}`;// After ES6, you can put data inside with Template literals단축 속성명 (Shorthand property names)..

문자열 (String)속성/메서드설명s.toLowerCase()문자열 s를 소문자로 변환s.toUpperCase()문자열 s를 대문자로 변환s.charAt(n)문자열 s의 index[n]의 문자s.charCodeAt(n)문자열 s의 index[n]의 문자의 UTF-16 코드String.fromCharCode(x)UTF-16 코드 x의 문자const s1 = "ABCDEF";const s2 = "abcdef";s1.toLowerCase(); // abcdefs2.toUpperCase(); // ABCDEFs1.charAt(2); // Cs2.charCodeAt(2); // 99String.fromCharCode(100); // d속성/메서드설명s.indexOf(x)문자열 s에서 x와 일치하는 가장..

변수 (Variable)변수(Variable)의 주요 개념- 변수 선언(Declaration) : 자바스크립트 엔진에 변수 객체를 등록하는 것- 변수 초기화(Initiailization) : 변수에 메모리 공간을 할당하는 것- 변수 할당(Assignment) : 변수에 값을 저장하는 것 - 변수 참조(Reference) : 변수에 할당된 값을 읽어오는 것 변수의 선언과 할당let a; // 변수 선언a = "hello"; // 변수 할당let a = "hello"; // 변수 초기화(=선언&할당) 변수 선언 키워드 varletconst단순 선언가능가능불가능동일 이름 재선언가능불가능불가능변수 재할당(덮어쓰기)가능가능눌가능 // varvar myVar; // 단순 선언 가능myVar = "hi";c..