반응형 정리7 [Javascript]비동기 처리(callback, promise, async/await) Javascript는 단일 스레드(single thred)이기 때문에 한번에 여러 번 일을 못하고 동기적으로 문제를 해결해 나갑니다. 하지만 api나 시간이 걸리는 작업을 할 때는 단일 스레드에서는 동기적으로 문제를 해결하다 보면 프로젝트 실행 시 딜레이가 생깁니다. 이를 해결하기 위해 비동기가 나왔습니다. Javascript에서는 3가지 방법을 사용해서 비동기 처리를 하고 있습니다. 1. Callback 2. Promise 3. async/await 비동기 처리란? 자바스크립트에서 비동기 처리는 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드들을 먼저 실행하는 것입니다. 콜백 함수(Callback) 콜백 함수란 다른 함수에 매개변수로 넘겨주는 것을 말하는데요. 즉 말 그대로 나중에 호출하.. 2022. 4. 4. [React]hook이란? React hooks 이란? React hook이란 리액트 버전 16.8부터 새로 추가된 React 요소입니다. React hook을 사용해서 functional component(함수형)에서도 state상태 관리가 가능합니다. 또한 class component에서 사용하던 Life Cycle method인 componentDidMount, componentWillUnmount, componentDidUpdate 등을 함수형 컴포넌트에서도 사용 가능하게 해주었습니다. React hook이 나온 이유? 그렇다면 나온 이유가 무엇일까요? class component로 충분히 가능한데 말이요. 그 이유는 복잡하고 쓸데없이 긴 코드 Class Component import React, { Component } .. 2022. 4. 2. [Javascript] 브라우저 저장소란? Storage html5부터 제공하는 기능으로 특정 데이터를 서버가 아니라 클라이언트 웹 브라우저에 저장할 수 있도록 제공하는 기능입니다. localStorage 와 session storage 두가지가 있고 key value 쌍으로 데이터를 저장합니다. Cookie와 브라우저 Storage 차이점 쿠키와 브라우저 storage는 둘다 웹에 저장이 가능합니다. 하지만 다른점들이 있는데요. 1. 쿠키는 4kb의 데이터 저장 제한이 있지만, 웹 브라우저는 용량의 제한이 없습니다. 2. 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request할때 Request Header를 자동으로 넣어 서버에 데이터를 전송하지만, 브라우저 storage는 클라이언트에 존재할 뿐 서버로 따로 전송되지는 않습니다. 서버로.. 2022. 3. 29. [javascript]this란 무엇인가? 이번에는 Javascript this에 대해 정리를 해보겠습니다. this에 대해서 많은 오해와 케이스 마다 다른 결과가 나와서 맨날 잊어먹어서 까먹고 찾아보기만 했었는데 이번에 확실하게 정리 해보겠습니다. this란, 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기참소 변수 입니다. this가 누구인지 결정 지어질때는 호출되는 순간 결정이 됩니다. 아래 예시를 보면서 얘기를 해보겠습니다. 전역 객체(Window, GlobalObject) 처음으로 전역 객체에서 this가 호출 되었을때 입니다. console.log(this); /* Window {0: Window, 1: Window, 2: Window, 3: Window, 4: Window, 5: Window, 6: Window, 7: .. 2022. 3. 27. 이전 1 2 다음 반응형
