IT_susu

function p(ms) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(ms); }); }); } (async function main() { try { const ms = await p(1000); } catch (error) { console.log(error); } })(); async function 에서 return되는 값은 Promise.resolve함수로 감싸서 리턴된다. function p(ms) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(ms); }); }); } async function asyncP() { return '..

생성자를 통해서 promise를 만들 수 있다, 파라미터로 excutor라는 함수를 받는다. excutor 함수는 resolve와 reject함수를 인자로 받는다. new Promise((resolve, reject) => {}); 생성자 함수로 promise 객체를 만드는 순간 pending상태가 된다. resolve함수가 실행되면 fulfilled 상태 reject함수가 실행되면 reject상태 사용방법1 const p = new Promise((resolve, reject) => { setTimeout(() => { resolve(); }, 1000); }); p.then(() => { console.log('1000ms 후에 fulfilled가 실행됩니다.'); }); 사용방법2 then을 설정하..

정규표현식이란 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 쓰이는 형식언어 입니다. \B : 문자와 공백사이가 아닌 값 / /g : 문자열 내의 모든 패턴을 찾는다. ?= : (긍정형)전방탐색. ?=뒤에 올 것을 찾음 ?! : 부정형 전방탐색. 앞에서 지정한 것과 같지 않을 것을 찾음. d{number} : 숫자{몇 개} + : 하나 이상 찾기

이전했습니다. https://velog.io/@susu1991/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%9D%98-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%B2%98%EB%A6%AC

1) 정의 브라우저의 요소들과 자바스크립트 엔진, var로 우리가 선언한 모든 변수까지 담고 있는 객체 브라우저 담당 - BOM 웹사이트 담당 - document 객체 - DOM 2) 속성들 수많은 속성이 있지만 몇개만 알아봅시다. navigator 브라우저나 운영체제에 대한 정보. serviceworker도 들어가 있음. screen 브라우저 창에 대한 정보. location 주소에 대한 정보. 주소에 대한 다양한 정보와 새로고침, 주소교체도 가능함. history 앞으로 가기, 뒤로 가기 등등. 브라우저 페이지 이동기록을 갖고 있다. 아마 html5에서 추가된 history.pushState(객체, 제목, 주소)와 history.replaceState(객체, 제목, 주소)를 가지고 react-rout..

1. Ajax Asynchronous JavaScript and XML은 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신방식입니다. 일반 서버통신과의 차이는 페이지의 일부만 갱신할 수 있어 빠른 퍼포먼스와 부드러운 화면 표시효과를 기대할 수 있습니다. 1-1. 비동기란? 컴퓨터 프로그래밍에서 메인 프로그램의 플로우에 독립적인 이벤트의 발생과 그 이벤트들을 다루는 방법을 의미합니다. 즉, 병렬적으로 코드를 진행하는 것을 말합니다. 하지만 자바스크립트는 단일 쓰레드 기반이기 때문에 병렬적으로 수행할 수가 없습니다. 그래서 I/O모델을 통해 비동기 프로그래밍을 수행합니다. I/O작업은 병렬적으로 Ajax, websocket 연결을 통해 데이터를 가져오는 작업을 할 수 있는데..

GET : 읽기URL을 적고, params를 추가할 수도 있다.params는 ?key:value형태로 추가된다.인증이 필요한 것은 headers에 해당 key와 value를 추가해주면 된다.요청을 보내면 body탭에 응답결과가 보여진다. 형식을 선택해서 확인해본다. POST : 생성URL을 적고 body탭에 row데이터 json형식으로 작성후 sendheaders : Content-Type : application/json PUT : 수정URL을 적고, 해당 URL의 데이터를 body의 row데이터 json형식으로 변경 후 sendheaders : Content-Type : application/json DELETE : 삭제headers 필요없구, body값 필요없음

REST API) 애플리케이션 통신 오늘날 PC, 모바일기기 등등 다양한 기기간의 상호 운용성이 기본 기능으로 제공되어야 합니다. 따라서 각기 다른 애플리케이션 간에 통신이 필요합니다.즉, 모든 애플리케이션이 기본 운영체제 및 프로그래밍 언어에 의존하지 않고 다른 애플리케이션과 통신할 수 있어야 합니다. 웹서비스웹서비스는 애플리케이션과 시스템이 인터넷을 통해 데이터를 교환하는 데 사용하는 표준 및 프로토콜 모음입니다. 웹서비스는 모든 프로그래밍 언어로 작성될 수 있으며 운영체제에 독립적입니다. REST란?REpresentational State Transfer의 약자.2000년도 로이필딩이 박사학위 논문에서 최초 소개클라이언트와 서버의 동작을 제어하는 기본 특성 및 프로토콜을 제공하는 상태 비저장 소프트..

동일 출처 정책(SOP)한 출처(Origin)에서 로드 된 문서나 스크립트가 다른 출처의 자원과 상호작용하지 못하도록 제한하는 정책입니다.동일 출처를 판단하는 기준은 프로토콜(protocol), 호스트(host), 포트(port) 가 같으냐 입니다.이는 쉽게 말해 웹페이지 스크립트는 해당 페이지와 동일한 서버에 있는 데이터만 Ajax 비동기 요청하여 처리할 수 있습니다. 이 정책은 초기에는 크로스 사이트 스크립팅이 해킹 이슈가 있기 때문에 보안을 위해 좋은 방법으로 생각되었으나, 최근에는 여러 도메인에 걸쳐 구성되는 대규모 웹 프로젝트가 늘어나고 REST API 등을 이용한 외부 호출이 많아지는 상황이라 서비스 개발에 걸림돌이 되었습니다. 해결책1) CORS. 서버 개발단 해결책이에 추가로 만들어진 정책..

비동기는 언제 서버에서 요청이 올 지 알 수 없기 때문에 이벤트가 필요합니다.xhr.onreadystatechangexhr.readyStatus : 0(uninitialized) / 1(loading) / 2(loaded) / 3(interactive) / 4(complete)