Front-end/js10 Javascript의 비동기 처리 JS는 Single Thread 환경의 언어이다. 따라서 한번에 여러가지 작업을 수행하기 어려운데 이를 극복하기 위하여 비동기 처리라는 방식을 채택하였다. JS의 비동기 처리는 코드의 실행 순서를 보장하지 않기 때문에 아래와 같은 3가지 방식을 이용하여 처리하는 것이 대표적인 처리 방식이다. 1. 콜백함수(Call-Back Function) -ES6이전 2. 프로미스(Promise) - ES6 3. async await - ES8 콜백함수 콜백함수는 말 그대로 함수 안에 함수를 넣어서 실행 순서를 보장시키는 방식이다. setTimeout(()=>{ console.log("1초 뒤") setTimeout(()=>{ console.log("2초 뒤") },1000) },1000) setTimeout 안에 s.. 2022. 2. 7. js 기본지식 1. javascript는 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 mocha 라는 이름으로 개발했다가 LiveScript로 배포한 것이 인기가 없자 당시 인기를 끌었던 java의 이름을 차용하여 javascript로 변경되어 지금까지 사용되고 있다. 2. javascript에는 keyword와 식별자(Identifier)로 이루어진 문(statement)과 연산자가 포함된 식(expression)이 있다. let a = "a" // 여기에서 let a 까지가 선언문, = "a" 가 표현식 선언문 : var, let, const, function 등으로 앞에 키워드로 선언된 것들을 선언문이라고 한다. 표현식 : 연산자와 함께 사용된 것. 실행할 수 있는 코드 단위 예.. 2021. 12. 23. 불변 Object 만들기 const obj = { a: 'a', b: 'b', c: 'c' } console.log(obj) // {a:'a',b:'b',c:'c'} obj.a = 'b' console.log(obj) // {a:'b',b:'b',c:'c'} obj = {} // error : Uncaught TypeError: Assignment to constant variable. 자바스크립트의 const를 이용하면 일반적인 변수는 변하지 않는 정적인 상태가 된다. 하지만 객체의 경우 const로 선언하더라도 객체가 가지고있는 멤버 변수의 값은 변경을 할 수 있다. let a = 'a' console.log(a) // a a = 'b'; console.log(a) // b const b = 'b'; b = 'c'; // e.. 2021. 12. 22. ArrayFunction3 (forEach) 자바스크립트 배열 메소드의 가장 기본이 되는 forEach를 이제서야 글로 정리하게 되었다. (딱히 어떤 사유는 없었지만 궁금한거 위주로 먼저 작성을 하다보니...) 쨋든 forEach는 뭐하는 함수이냐! 개발에 입문한 사람이라면 for를 이용한 반복문은 알고 있을 것이다. forEach 메서드는 for문의 형식을 코드로 한땀한땀 적지 않아도 되게끔 해주는 함수라 보면 된다. let arr = [1,2,3,4,5] for(let i = 0; i < arr.length; i++){ console.log(arr[i]) }; // 1 // 2 // 3 // 4 // 5 arr.forEach(function(val){ console.log(val) }); // 1 // 2 // 3 // 4 // 5 위의 두 코.. 2021. 12. 21. 이전 1 2 3 다음
