Array(5)
-
[React] 배열 렌더링(Rendering)하기
먼저 UserList.js 파일을 생성하고 아래 소스를 코딩한다. import React from 'react'; // useRef 사용 function UserList() { const users = [ { id: 1, username : 'kwkim', email : 'hi@gmail.com' }, { id: 2, username : 'tester', email : 'tester@gmail.com' }, { id: 3, username : 'developer', email : 'developer@gamil.com' } ]; return ( {users[0].username}({users[0].email}) {users[1].username}({users[1].email}) {users[2].usern..
2021.01.04 -
[Javascript] some
이전 포스트에 every와 같이 보는 것이 좋습니다. every는 모든 조건을 만족해야 true를 반환하지만 some은 한 가지 이상의 요소를 만족하면 true를 반환합니다. developing-move.tistory.com/129 [Javascript] Every every는 ES6부터 지원하는 문법으로 특정 배열이 어떤 조건에 대해서 모두 만족하는 지를 체크한다. every는 다양한 용도로 활용이 가능한데 백엔드 뿐만 아니라 프론트엔드에서도 페이지 랜더링을 developing-move.tistory.com 예시 소스 'use strict' const arr = [1, 0, -1, -2]; const res = arr.some(key => key < 0); console.log(res); arr 안에 ..
2020.09.21 -
[Javascript] Object.assign, spread
먼저 Assign은 할당이라는 뜻으로 object에 할당하는 것이다. 새로운 객체를 생성하기도 하고 두 개의 객체를 합쳐 통합하기도 한다. 예시 소스 'use strict' const obj = { title : 'node.js 올인원 패키지' } const newObj = { name : '패스트 캠퍼스' } // 하나로 합치기 // Object는 글로벌 메소드이기 때문에 바로 호출 없이 사용 가능 // 새로운 객체를 통합해서 사용 const ret = Object.assign({}, obj, newObj); console.log(ret); Spread 또한 기존의 객체에 새로운 객체를 합치는 역할을 한다. Spread만의 특징은 객체 뿐만 아니라 배열에서도 활용이 가능하다. 'use strict' c..
2020.09.21 -
[Javascript] find, includes
find는 이전 포스트에서 findIndex 등과 다룬적이 있습니다. 본 포스트와 같이 보시면 좋을 것 같습니다. developing-move.tistory.com/11 Javascript 배열 내장 함수 정리(indexOf, findIndex, find) indexOf는 내가 원하는 텍스트 위치를 알려준다. const animals = ['호랑이', '사자', '사슴', '토끼', '거북이']; const index = animals.indexOf('사자'); console.log('사자의 위치는 : ' + index); 하지만 i.. developing-move.tistory.com Find는 설정된 배열의 특정한 요소를 찾는다. Find는 조건을 통해 특정 값을 가져올 필요가 있을 때 주로 사용한다..
2020.09.21 -
[Javascript] Every
every는 ES6부터 지원하는 문법으로 특정 배열이 어떤 조건에 대해서 모두 만족하는 지를 체크한다. every는 다양한 용도로 활용이 가능한데 백엔드 뿐만 아니라 프론트엔드에서도 페이지 랜더링을 할 때 설정한 모든 조건이 만족하는 것을 체크하는 것 등에 쓰일 수 있다. 예를 들어 UI 페이지를 만들었을 때 회원 가입디 외어있고, 로그인을 했고 회원이 추천코드를 받았을 때만 보여주는 화면을 만든다고 하면 여러번의 if문 처리가 필요하다. 이럴 때 every를 쓰면 간단하게 표현할 수 있다. 예시 소스 'use strict' // 1보다 큰 수만 모아 놓은 배열 생성 const arr = [2, 3, 4]; const isBiggetThanOne = arr.every(key => key > 1); con..
2020.09.21