프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미합니다. 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사
제 웹 서비스에서 있을 법한 사용자 로그인 인증 로직에 프로미스를 여러 개 연결해보겠습니다.위 코드는 페이지에 입력된 사용자 정보를 받아와 파싱, 인증 등의 작업을 거치는 코드를 나타내었습니다. 여기서 userInfo는 사용자 정보가 담긴 객체를 의미하고, parseV
Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 key, value 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다).Object.entries()
현재 실행 중인 코드가 끝나야 다음 코드를 실행= 현재 실행중인 task가 종료할 때까지, 다음 task가 대기하는 방식순서대로 실행. 아무리 반복문이 1000번, 10000번 돌아도 하나의 for문이 다 끝나야 다음 코드로 넘어간다.장점: 동기 처리는 코드를 순서대로
예제) MDN - Array.prototype.map() 설명 보신 적 있으시죠?여러 라이브러리에서 콜백함수인 경우, callback 또는 cb, callbackFn 등등 으로 표기함수의 매개변수가 함수일 때, 매개변수로 받은 함수를 콜백함수르고 부른다. 끝 -!고차
개발 공부를 하다가 여러 회사에 면접을 보는 중이다. 그 과정속에서 받았던 질문들을 정리하려 한다.클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경과의 조합. (함수=반환된 내부함수)스코프는 함수를 호출할 때가 아니라 함수를 어디에 선언하였는지에 따라 결정된다. 이
Map은 ES6에서 값을 매핑하기 위한 새로운 데이터 구조Object는 전통적으로 문자열 값을 매핑하는데 사용, 키를 값으로 설정 + 값을 검색 + 키를 삭제 + 키에 저장된 내용을 검색 가능하게 + 키는 모두 string + 크기를 수동으로 추적Map의 키는 모든 값
ES6의 구조 분해 할당 문법을 사용하여 두 변수를 swap 할 수 있습니다.보통 단순히 범위 루프를 돌고 싶다면 다음과 같이 코드를 작성합니다.만약 범위 루프를 함수형 프로그래밍 방식으로 사용하고 싶다면 배열을 생성해서 사용할 수 있습니다.Set을 이용할 수 있습니다
아웃룩 익스텐션을 개발하던 도중, 아웃룩 웹과 앱의 구동 방식이 다른것을 확인하였다.(이것 때문에 qa를 통과하지 못했다...ㅠ)때문에 사용자가 웹을 통해 아웃룩을 접속했을 때 이를 감지하는 코드와 새로운 로직을 추가하게 되었다.비교적 과거부터 사용해왔던 방식이다.비교