본문 바로가기

JAVASCRIPT

(13)
(Javascript) promise, async&await의 이해와 활용 비동기란?자바스크립트는 위에서 아래부터 순차적으로 코드를 실행한다. 동기적(synchronus)으로 동작한다는 뜻이다. 그런데 서버에서 api 정보를 받아올 때 시간이 걸릴 수 있다.  이때 동기적으로 코드를 짜면 정보를 받아올 때까지 다음 코드가 작동하지 않기에 문제가 생길 수 있다. 이때는 코드를 비동기적(asynchronus)으로 처리하면 좋다. 비동기적으로 코드를 처리하는 데에는 여러 방법이 있다.  콜백함수를 사용해 처리할 수도 있으나 가독성이 떨어지기에 프로미스(promise)를 활용한다.  프로미스(promise)란? 프로미스(Promise)는 비동기 작업을 처리하기 위한 객체이다. new Promise() 생성자를 사용해 새 프로미스를 생성할 수 있다.  프로미스는 다음 세 가지 상태를 갖..
(Javascript) local storage에 값 저장하기 자바스크립트로 투두리스트를 만드는 중, 새로고침을 하면 값이 사라지기에 저장하는 방법을 찾아보던 도중 local storage에 값을 저장할 수 있다는 것을 알게 되었다. 생각보다 사용 방법은 아래와 같으며 몹시 간단하다. localStorage.setItem("key1", "apple"); //로컬스토리지에 요소 저장, 왼쪽요소는 키로 오른쪽요소는 값으로 저장됨 localStorage.getItem("key1"); //키로 로컬스토리지에서 값 가져오기 localStorage.removeItem("key1"); //키로 로컬스토리지에서 요소 제거 localStorage.clear(); //로컬스토리지 전체 비우기 중복 없는 유일한 키값 만들기 이때 키값을 유일무이한 값으로 지정하고 싶으면 아래처럼 설정하..
(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 배열, 순회 매서드 편 순회 매서드 순회 매서드는 주어진 배열을 순회하며 모든 값을 가져오며, 반복문과 비슷한 역할을 함. 배열 메서드는 콜백 함수를 인수로 받으며, 배열의 각 요소에 따라 콜백함수는 한번만 호출된다. method(callbackFn, thisArg) 여기서 callbackFn은 세 개의 인수를 받음 element : 배열에서 현재 처리 중인 요소 index : 배열에서 현재 처리 중인 요소의 인덱스 array : 메서드가 호출된 배열 순회 메서드 종류 forEach() 각 배열 요소에 대해 제공된 함수를 한 번씩 실행, 반환값 없음. const array1 = ['a', 'b', 'c']; array1.forEach((element, index) => console.log(index, element)); //..
(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 배열 편 reduce() 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결괏값을 반환 //구문 arr.reduce(callback[, initialValue]) //예시 const array = [1, 2, 3, 4]; const result1 = array.reduce((total, e)=> total+e, 0); const result2 = array.reduce((total, e)=> total+e, 100); console.log(result1); //10 console.log(result2); //110 indexOf() 배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환 //구문 indexOf(searchElement, f..
(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 문자열 편 Split (string) String 객체를 separator로 여러 개의 문자열로 나눔 separator(선택) : 원본 문자열을 끊어야 할 부분을 나타내는 문자열 limit(선택) : 끊어진 문자열의 최대 개수를 나타내는 정수 //구문 split(); split(separator); split(separator, limit); //예시 let str = "I like pie" console.log(str.split(' ')); //Array ["I", "like", "pie"] console.log(str.split('')); //Array ["I", " ", "l", "i", "k", "e", " ", "p", "i", "e"] console.log(str1.split(' ', 2)); //Arr..