COCO World

🎃 오늘 날짜 const now = new Date(); # 출력 console.log("오늘 날짜 : ") console.log(now) 출력 🎃 어제, 내일 const now = new Date(); # 어제 const yesterday = new Date(new Date().setDate(new Date().getDate() - 1)); # 내일 const tomorrow = new Date(new Date().setDate(new Date().getDate() + 1)); # 출력 console.log("어제 날짜 : ") console.log(yesterday) console.log("내일 날짜 : ") console.log(tomorrow) 출력 🎃 며칠 전/후 # 며칠 전(ex: 3일 전) ..

trim() 자체적으로 양 옆 공백을 제거해주는 메서드 replace() 정규식을 이용하여 양 옆 공백을 제거해주는 메서드로 좀 더 커스터마이징으로 활용 가능 1. trim() let str = ' 반가워요! '; let trimValue = str.trim(); console.log(trimValue); // 출력 '반가워요!' 2. replace() let str = ' 반가워요! '; let trimValue = str.replace(/^\s+|\s+$/gm, ''); console.log(trimValue); // 출력 '반가워요!' 2-1. replace의 모든 공백 제거 let str = ' 반 가 워 요 ! '; let trimValue = str.replace(/ /gi, ''); cons..

async와 await의 문법을 사용하면 프라미스를 좀 더 편하고, 가독성있게 코드를 관리할 수 있다. 1. async 함수 async function f() { return 1; } async function f() { retrurn 1; } f().then(alert);// 1 async function() { return Promise.resolve(1); } f().then(alert);// 1 2. await : 일반 함수엔 await를 사용할 수 없다 let value = await promise; async function f() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve('완료'), 1000) })..

1. 프라미스(Promise) :자바스크립트 안에 내장되어있는 오브젝트. 비동기 처리를 위해 쓰이며, 콜백함수 대신에 쓸 수 있다. 1.State : pending -> operation이 수행중일 경우, fulfilled : operation을 완료하였을 때, rejected : 수행을 완료하지 못했을때 2. Producer : 원하는 기능을 수행해서 원하는 데이터를 만들어내는 역할 3. Consumer : 원하는 데이터를 소모하는 역할 [1] Promise의 문법 : new Promise에 전달되는 함수는 executor(실행자, 실행함수)라고 한다. 그 안의 인수 resolve,reject는 자바스크립트에서 자체 제공하는 콜백이다. resovle(value) : 일이 성공적으로 끝난 경우 그 결과를..

1. 전역 객체 전역 범위에 항상 존재하는 객체, 모든 객체의 유일한 최상위 객체를 의미한다. 일반적으로 browser-side에서는 window, Node.js에서는 global객체를 의미한다 실행 컨텍스트에 컨트롤이 들어가기 이전에 생성이 되며, constructor가 없기 때문에 New 연산자를 이용해 새롭게 생성할 수 없다. 즉, 개발자가 전역 객체를 생성하는 것이 불가능 2. 함수와 메서드의 차이, 지난번의 했던 답과는 다른점 함수를 호출하는 객체가 있는 경우 메소드, 호출하는 객체가 없는 경우 함수 함수는 호출하는 객체가 없다고 알았지만, 함수도 호출하는 객체가 존재한다 전역 범위에서 함수가 선언되는 경우 전역객체인 window의 프로퍼티가 된다 다르게 말하면, 객체를 명시하지 않을 경우, 암..

1. 배열 :키를 사용해 식별할 수 있는 값을 담은 collection은 객체라는 자료구조를 이용해 저장하는데, 개발을 진행하다 보면 순서와 관련하여 작업을 필요한 경우 자료구조 중 "배열"을 사용하면 유용하다 [1] 배열 선언 // 빈 배열 let arr = new Array(); let arr = []; // 초기 요소 선언 let fruits = ["체리", "사과", "앵두"]; alert( fruits[0] );// 체리 alert( fruits[1] );// 사과 alert( fruits[2] );// 앵두 // 요소 수정 fruits[2] = '배'; alert( fruits[2] );// 배 [2] 배열 요소의 자료형엔 제약이 없다 // 요소에 여러가지 자료형이 섞여있음 let arr = ..

1. 따옴표 [1] 작은 따옴표, 큰 따옴표, 백틱 let guestList = `손님: * jenny * ming * mary `; alert(guestList);// 여러줄로 손님리스트 출력 ============================================= let guestList = "손님: * John "; alert(guestList);// Error [2] 특수 기호 \n : 줄 바꿈 \r : 캐리지 리턴 \', \" : 따옴표 출력 \\ : 역슬래시 출력 \t : Tab 역할 [3] 문자열의 길이 1. 특수문자도 길이 하나로 취급된다 2. 문자열은 수정 불가능 length : 문자열의 길이가 저장됨 charAt(pos) : 문자열 내 특정 위치인 pos에 글자에 접근하기 위한..

[1] 숫자를 입력하는 다양한 방법 let billion = 1000000000; // 'e'는 e 왼쪽의 수에 e 오른쪽에 있는 수만큼의 10의 거듭제곱을 곱하는 효과 // 1e3 = 1 * 1000 let billion = 1e9;// 1000000000; // 'e'우측에 음수가 있으면, 이 음수의 절댓값 만큼 10을 거듭제곱한 수로 나누는 것을 의미 let ms = 0.000001; let ms = 1e-6; 1e-3 = 1 / 1000 (=0.001) 1.23e-6 = 1.23 / 1000000 (=0.00000123) [2] 어림수 구하기 Math.floor : 소수점 첫째 자리에서 내림 ex) 3.1은 3, -1.1은 -2 Math.ceil : 소수점 첫째 자리에서 올림 ex) 3.1은 4,..