js

자바스크립트에서 점세개가 가지는 의미 (... in js)

2021.07.31

이번 글을 통해 배워갈 내용 ...으로 표시되는 스프레드 구문에 대해서 알아보곘습니다. 리액트(자바스크립트 기반 라이브러리)를 사용중에 ...으로 시작되는 스프레드 구문을 보셨다면 처음에는 놀랄 수 있습니다. 위에 ...this.props는 상위 코드에서 span 태그로 감싼 좋아요 두개를 보여주며 웹에서 콘솔 찍어서 보게 되면 위와 같습니다. 눈치 빠른 분들은 벌써 아시겠지만 스프레드 구문(...)을 정의하자면 다음과 같습니다. 함수 호출등의 경우에서 0개 이상의 인자 또는 배열의 요소가 예상되는 위치 또는 문자열과 같은 iterable을 확장하거나 0인 위치에 객체 표현식을 확장하는 경우 쓰입니다. 위에 예시를 들자면 props가 span 태그 없이 "like1" 과 "like2"로 나뉜다면 {.....

Javascript/Javascript 기타

초간단 javascript Object destructuring

2021.06.15

이번 글을 통해 배워갈 내용 자바스크립트로 Object destructuring(객체 비구조화) 해보기 여기 감자가 있습니다 정확하게 이야기 하면 음식 객체입니다. ㅋㅋㅋㅋ 음식 객체의 코드는 다음과 같습니다. // 감자 객체 let food = { name: "감자", price: 1000, owner: "김씨", where: "김씨뱃속" } 음식 객체의 이름은 감자 가격은 1000 (원) 주인은 김씨 위치는 김씨 뱃속입니다. 감자 객체를 출력해보겠습니다. //오브젝트를 출력하려면 앞에 food를 입력해야 하는데 귀찮습니다. console.log(food.name); // 감자 console.log(food.price); // 1000 console.log(food.owner); // 김씨 출력하는데 ..

자바스크립트에서 점세개가 가지는 의미 (... in js)

초간단 javascript Object destructuring

티스토리툴바