profile
빵굽는 프론트엔드 개발자
태그 목록
전체보기 (77)JavaScript(32)자바스크립트(25)리액트(15)CSS(9)위코드(8)라이브러리(7)React(6)프로미스(6)html(5)WeCode(5)토이프로젝트(5)promise(4)Fetch API(4)DOM(4)코드카타(4)material ui(4)알고리즘(4)차트(4)그래프(3)프로젝트(3)Fetch(3)toy project(2)Recharts(2)async(2)비동기(2)node.js(2)useEffect(2)vue(2)await(2)responsive web(2)콜백함수(2)Math.random(2)팀프로젝트(2)인스타그램(2)팀워크(1)lottie(1)date picker(1)XMLHTTPRequest(1)(1)무한루프(1)반응형 웹(1)프론트엔드(1)기업협업(1)localhost(1)moment(1)Exchange Rate(1)Responsive Website(1)레거시(1)VanillaJS Toy Project(1)반응형 웹사이트(1)안녕히계세요 여러분 짤(1)포트폴리오(1)keydown(1)이벤트 캡쳐링(1)가위바위보(1)Hangman(1)회고록(1)Unary Operator(1)스위치(1)중복제거(1)promise chain(1)getElementById(1)toLowerCase(1)toUpperCase(1)단항 연산자(1)티스토리(1)select(1)callback Hell(1)삼항연산자(1)타입(1)vuex(1)inline block(1)setTimeout(1)테이블(1)axios(1)인턴(1)버튼(1)hook(1)스프레드 연산자(1)전역변수(1)localstorage(1)block(1)에어비앤비(1)개발자(1)inline(1)InnerHTML(1)Movie Booking(1)spread operator(1)proptypes(1)youtube(1)addEventListener(1)ipinfo(1)노드JS(1)조건부렌더링(1)starbucks(1)db(1)slice(1)RDBMS(1)semantic web(1)이벤트 버블링(1)행맨게임(1)vue-lottie(1)Nivo(1)ES6(1)mutations(1)modal(1)set(1)charAt(1)git(1)register page(1)HTTP Request(1)Promise Chaining(1)keypress(1)숫자변환(1)로띠(1)scss(1)콜백지옥(1)Root(1)프로미스체인(1)semantic tag(1)환율계산기(1)uuid(1)클론코딩(1)BEM(1)속성값(1)바닐라js(1)querySelector(1)싱글스레드(1)노드(1)슬라이더(1)catch(1)clone coding(1)코드 리팩토링(1)웹개발(1)

[JavaScript]Spread Operator | 스프레드 연산자 기본 문법 및 활용 방법

스프레드 연산자는 ES6에서 추가된, 배열을 합치고 분해하는 데 편리하게 사용할 수 있는 자바스크립트 문법이다. 1. 스프레드 연산자의 기본 문법 알아보기 이러한 배열이 있을 때, 다음 코드와 같이 스프레드 연산자 ...라는 문법을 사용해서 두 배열을 합칠 수 있다. array2 안에 ...를 사용해서 array1라는 배열을 마치 원소처럼 넣어주기만 하면 서로 다른 두 배열을 합칠 수 있다. 콘솔에 단순히 찍기만 하면 재미 없으니 여기서 조금만 더 나아가보자. map() 메서드를 이용해 array2 배열의 원소에 각각 2를 곱한 array3을 만들어보았다. 그럼 현실에서 이 스프레드 연산자를 어떻게 활용할 수 있는지 영화 예매창 화면에서 볼 수 있는 기능들을 통해 조금 더 심화해서 살펴보자. 2. 스프레드 연산자 활용하기 고객이 선택한 자리를 의미하는 selectedSeats와, 그 자리에 대한 인덱스 값을 나타내는

2020년 11월 8일
·
0개의 댓글
·