본문 바로가기

📋Technical interview(Front)10

Promise Promise가 뭔가요? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미한다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 API를 사용하는데, API가 실행되면 서버에다가 데이터 보내달라는 요청을 보내고, 보내온 데이터의 반환값이나, 에러상황을 처리하기 위해 프로미스를 사용한다. promise를 사용한 비동기 처리 function async() { return new Promise((resolve, reject) => { setTimeout(() => { // setTimeout { console.log(res); }).. 2022. 11. 16.

[JavaScript] 스코프 체인이란? 스코프란? 변수(식별자)의 유효 범위를 뜻한다. 스코프(Scope)는 변수가 어디서, 어떻게 선언되었는지에 따라 그 변수의 유효한 범위가 결정되는 규칙이기도 하며, 자바스크립트에서는 이 규칙에 따라 참조의 대상이 되는 변수를 탐색해나간다. (→ 그것을 Scope Chain) 🔗스코프체인? 자바스 크립트 ES2015기준으로 확바뀜 예전엔 함수가 기준이였는데 요즘엔 블록이 기준이다( 함수도 다행히 블록을 가지고 있다 ) 스코프 체인(Scope Chain)은 일종의 리스트로서 전역 객체와 중첩된 함수의 스코프의 레퍼런스를 차례로 저장하고, 의미 그대로 각각의 스코프가 어떻게 연결(chain)되고 있는지 보여주는 것 을 말한다. 유효 범위를 나타내는 스코프가 scope 프로퍼티로 각 함수 객체 내에서 연결리스트.. 2022. 11. 9.

[JavaScript] Scope란? 👁‍🗨자바스크립트는 함수 레벨 스코프(function-level scope)를 따른다. 함수 레벨 스코프란 함수 코드 블록 내에서 선언된 변수는 함수 코드 블록 내에서만 유효하고 함수 외부에서는 유효하지 않다(참조할 수 없다)는 것이다. 👉🏻단, ECMAScript 6에서 도입된 let keyword를 사용하면 블록 레벨 스코프를 사용할 수 있다. 👨🏻‍💻 Scope란? Scope는 직역하면 "범위"라는 뜻이다. JavaScript 에서 Scope(스코프)는 변수에 접근할 수 있는 범위를 말한다. 식별자(변수)를 찾기위한 규칙이라고도 한다. 식별자의 유효 범위 ⇒ 모든 식별자는 자신이 선언된 위치에 의하여 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정됨. var x = 'global'; f.. 2022. 11. 5.

콜백 함수(Callback) 자바스크립트에서 비동기를 처리할 때 callback과 promise를 사용하게 된다. 먼저 callback 함수에 대해서 알아보자 비동기 처리? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 프로젝트 수행시 클라이언트와 서버 간 데이터를 주고 받는 과정이 필요하다. 이를 위해 HTTP 통신을 사용하게 되는데 이때 비동기처리의 문제점이 발생하게 된다. 아래의 ajax 통신 사례를 통해 알아보자 function getData() { var tableData; $.get('https://domain.com/products/1', function(response) { tableData = response; }).. 2022. 11. 3.

이전 1 2 3 다음

티스토리툴바