본문 바로가기
반응형

분류 전체보기187

[javascript] 문자열 길이 맞추기 padStart, padEnd padStart(전체길이, '추가문자열'); padEnd(전체길이, '추가문자열'); '1'.padStart(5, '0'); --> 00001 '10'.padStart(5,'0'); --> 00010 '1'.padEnd(3, '0'); --> 100 '10'.padEnd(3, '0'); --> 100 '1'.padStart(3); --> 1 (1앞에 공백문자3개 추가) 공백문자를 활용한 디지털 시계 표현 : : 2021. 1. 18.
[javascript] 랜덤값 구하기 crypto.getRandomValues() 보통 자바 스크립트로 랜덤값을 구할때는 Math.random() 을 사용한다. Math.random()은 0에서 1보다 작은 값의 부동소수점을 리턴한다. ex)0.4645817650490742 crypto.getRandomValues()를 사용하여 16비트, 32비트 등의 랜덤 숫자가 들어간 배열을 구할 수 있다. ex) crypto.getRandomValues(new Uint8Array(1)); // 8비트 랜덤 배열 1개 crypto.getRandomValues(new Uint8Array(2)); // 8비트 랜덤 배열 2개 crypto.getRandomValues(new Uint16Array(3)); // 16비트 랜덤 배열 3개 crypto.getRandomValues(new Uint32Array.. 2021. 1. 18.
[javascript] 자주 사용하는 정규 표현식 (Regular Expression) 정리 정규표현식 패턴 /패턴/ 대표적인 패턴 의미 패턴 의미 x 문자 x xyz 문자 xyz [xyz] x,y,z 중 하나의 문자 [a-z] a~z중 하나의 문자 [^xyz] x,y,z 가 아닌 하나의 문자 [^a-z] a~z가 아닌 하나의 문자 abc|xyz 문자열 abc 또는 xyz {숫자} 반복 횟수 ^x 시작문자 x x$ 종료문자 x . 하나의 문자 x* 0개이상 계속되는 x \ 다음에 오는 문자를 이스케이프 처리 \d 숫자 0~9 \D 숫자가 아닌 문자 = [^0-9] \w 영문, 숫자, 언더바 = [A-Za-z0-9_] \s 공백문자(스페이스, 탭, 줄바꿈 등) \S 공백문자 이외의 문자 = [^\s] \t 수평탭 \n 줄바꿈 코드 정규표현식 테스트 예제 //======================.. 2021. 1. 18.
[javascript] Async / Await 예제 Async / Await 예제 함수앞에 async를 입력하고 리턴 앞에 await를 입력 async function getTodos() { const response = await fetch("https://jsonplaceholder.typicode.com/todos"); const json = await response.json(); console.log(json); } getTodos(); 아래와 같이 입력하여 바로 호출할 수도.. ( async () => { const response = await fetch("https://jsonplaceholder.typicode.com/todos"); const json = await response.json(); console.log(json); })(); 2021. 1. 18.
[javascript] Promiss 예제 예제 let myPromise = new Promise( (resolve, reject) => { // async 코드 실행 //... //... // isTrue = true; // or isTrue = false; if (isTrue) { resolve("SUCCESS!!") } else { reject("FAILURE!!") } }); myPromise .then(success => { // ... }) .catch(failure => { // ... }); 2021. 1. 18.
[javascript] fetch 예제 fetch 예제 문법 fetch( url, { options } ) 예제1 - 기본 사용 fetch("https://jsonplaceholder.typicode.com/todos") .then(response => response.json()) .then(json => console.log(json)) 예제2 - 기본사용의 출력 내용 fetch("https://jsonplaceholder.typicode.com/todos/1") .then(response => response.json()) .then(json => console.log(json)) // console output { id: 1, title: "delectus aut autem", complete: true, userId:1 } 예제3 -.. 2021. 1. 18.
반응형