2021/10 9

자바스크립트 promise

1. 생성자를 통해서 프로미스 객체를 만드는 순간 pending (대기) 상태가 된다. 2. 생성된 promise 객체의 인자로 executor 함수를 받는데, executor 함수는 resolve와 reject함수를 인자로 받을 수 있다. resolve 함수를 실행하면 fulfilled(이행)상태가 되고 reject함수를 실행하면 rejected(거부)상태가 된다. 3. 프로미스 객체에 체이닝 형태로 then과 catch함수를 사용할 수 있는데, then 함수의 경우 promise객체가 resolve에 의해 이행상태가 되고 난 뒤 결과값(문자열, 외부에서 호출한 데이터 등)을 콜백함수의 매개변수로 받아 처리할 수 있고, catch 함수의 경우 promise객체가 reject(보통 에러발생 시)에 의해 ..

카테고리 없음 2021.10.20

자바스크립트 호이스팅

호이스팅(Hoisting): 함수선언부(함수표현식이 아니라는 것에 유의하자)가 스코프 유효범위 최상단으로 끌어올려지는 현상 사용목적? - 특정 함수의 로직이 길어지는 경우 코드 가독성을 위해 호이스팅으로 해당 함수를 하단으로 내릴 수 있다. #예시 const a = 7 double() function double() { console.log(a * 2) } 정상적으로 double 함수가 호출되어 14가 찍히게 된다.

카테고리 없음 2021.10.14

자바스크립트 find, filter, map

출처: https://ko.javascript.info/array-methods 배열을 변형하는 메서드들 #find 특정 조건에 부합하는 객체를 배열 내에서 찾을 때 사용 문법 - arr.find(fn) let users = [ {id: 1, name: "John"}, {id: 2, name: "Pete"}, {id: 3, name: "Mary"} ]; let user = users.find(item => item.id == 1); alert(user.name); // John #filter find 메서드는 함수의 반환 값을 true로 만드는 단 하나의 요소를 찾는데, 조건을 충족하는 요소가 여러개라면 filter 메서드를 사용할 수 있다. 문법 - arr.filter(fn) let users = [ ..

카테고리 없음 2021.10.13

쿠키, 세션, 토큰

출처: https://youtu.be/tosLBcAX1vk 쿠키 - 그냥 옮기는 시스템, 매개체 토큰 - 서버가 기억하는 암호화 된 문자열, ID카드처럼 서버에게 보여줘야 하는 것 JWT - 정보를 갖고 있는 토큰. DB 없이 유저를 검증할 수 있다 jwt는 서버가 이중 삼중 여러대 일때 세션보다 장점을 갖는다. 보통 큰서비스들은 서버가 한대가 아닌 수십 수백대인데 세션의 경우 로드밸런싱으로 유저가 처음 방문했을때는 1번서버로 방문하여 세션이 남아 있지만 두번째 방문했을때 1번이 아닌 2번으로 붙게되면 세션정보가 없어 인증이 되지 않음. 이때 redis 세션통합으로 개발하거나 서버에 상관없는 jwt로 인증을 구현하면 됨

카테고리 없음 2021.10.06