개발/Javascript (3) 썸네일형 리스트형 배열 마지막 요소(값) 깔끔하게 추출 하는 방법 Array.at() 우리의 멋진 바닐라 자바스크립트에서 지원하는 기본 함수 입니다. 해당 함수를 이용하여, 배열의 요소를 직관적으로 추출할 수 있습니다. * 구문 Array.at(Array Index) 아래 코드는 배열의 첫번째 요소를 추출 하는 함수입니다. 매개변수를 입력 하지 않는 경우 배열의 첫번째 요소를 가져옵니다. ["JavaScript","Spring","NodeJS"].at() >> 'JavaScript' //물론 아래 방식도 가능합니다. ["JavaScript","Spring","NodeJS"].at(0) >> 'JavaScript' 제가 해당 함수를 보고 감탄 했던 이유는 아래처럼 배열의 마지막 요소를 깔끔하게 가져올 수 있어서 입니다. const languages = ["JavaScri.. 자바스크립트 필수 개꿀 연산자 (삼항연산자) 실무에서도 많이쓰이는 개꿀 연산자입니다. var member; member = (member)||'default'; 일단 한가지 먼저 말씀드려야 겟네요 자바스크립트에선 (값) 괄호 안에 값이 null, undefined등일 경우에도 false로 사용 가능합니다. 그럼 위에서 member를 초기화 하지도 않고 아무 값도 넣지않았습니다. 그렇기에 (member) false가 되겟죠 그리고 바로 옆 || 해당연산자는 조건1 || 값 조건1이 true일경우 아무 작업도 하지 않지만 false일경우 || 뒤에있는 값을 호출하라 라는 뜻입니다. 그렇기에 (member)||'default' -> 'default' 로 변해버린것이지요. 그래서 member 에는 default가 들어가게 됩니다. 또 이와 비슷한 연산자가.. [kmhdev] promise ? 비동기함수 비동기 함수하면 가장 먼저 떠오르는 promise, async await 함수에 대해 정리하려한다. Promise 는 보통 비동기 함수, 연산등의 처리가 끝난후에 실행하도록 명시하기 위해 객체이다. Promise 는 보통 3가지의 상태를 가집니다. 대기(pending) - 이행(fulfilled) 거부(rejected) 대기(pending)은 말그대로 아직 함수가 이행되기전 입니다. 쉽게 말해서 new Promise(res, rej) 라 선언하면 대기 상태에 들어가는겁니다. 이행(fulfilled)는 말그대로 연산이 성공하였다 입니다. 거부(rejected)는 말그대로 연산이 실패하였다 입니다. 이행, 거부에 관해서는 한가지 더 설명 드려야 하는것이 있습니다. Promise를 사용할떄에는 보통 익명함수를.. 이전 1 다음