본문 바로가기
반응형

정리/Javascript6

[Javascript]비동기 처리(callback, promise, async/await) Javascript는 단일 스레드(single thred)이기 때문에 한번에 여러 번 일을 못하고 동기적으로 문제를 해결해 나갑니다. 하지만 api나 시간이 걸리는 작업을 할 때는 단일 스레드에서는 동기적으로 문제를 해결하다 보면 프로젝트 실행 시 딜레이가 생깁니다. 이를 해결하기 위해 비동기가 나왔습니다. Javascript에서는 3가지 방법을 사용해서 비동기 처리를 하고 있습니다. 1. Callback 2. Promise 3. async/await 비동기 처리란? 자바스크립트에서 비동기 처리는 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드들을 먼저 실행하는 것입니다. 콜백 함수(Callback) 콜백 함수란 다른 함수에 매개변수로 넘겨주는 것을 말하는데요. 즉 말 그대로 나중에 호출하.. 2022. 4. 4.
[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.
[Javascript] var let const 차이점 es6이후로 let과 const과 나왔는데요. 예전에 var만으로 변수 선언을 했지만 왜 let 과 const가 나왔고 무슨 차이점이 있는지 알아 보겠습니다. 변수 선언 1. var var의 경우를 먼저 보겠습니다. var a = 10; console.log(a); // 10 var a = 100; console.log(a); // 100 var는 변수를 중복으로 선언이 가능합니다. 물론 지금은 예측이 가능하지만 나중에 되면 global 변수 a와 function 안에 변수 a가 중복되어 선언이 될 수도 있고 프로젝트가 커지다 보면 같은 변수 이름 사용해서 예상치 못한 에러가 나올 수 있습니다. 2. let let은 중복 선언은 불가능 하지만 재할당은 가능합니다. let a = 10; console.lo.. 2022. 3. 26.
반응형