-
React Native 2022‧11‧20
react native - Flatlist 의 하위 아이템 중 원하는 아이템으로 스크롤 시키기 (scrollToIndex)
Flatlist 를 이용하면 배열로 된 데이터를 이용해서 반복적인 뷰를 만들 수 있다.Flatlist 외부에서 버튼이나 함수를 통해 원하는 아이템이 있는 곳으로 스크롤이 필요할 때가 있다. 상단에 const flatListRef = useRef(); 를 선언하고Flatlist에 ref={flatListRef}를 추가한다. 초기 이동이 필요할 경우 initialScrollIndex 속성에 번호를 넣어주면 된다. useEffect나 함수에서 flatListRef.current.scrollToIndex({animated: true, index: 2}); 이런식으로 index의 값에 이동시키고 싶은 아이템 번호를 […]
-
Javascript, jQuery 2022‧10‧17
배열의 마지막 값 가져오기
slice(-1)을 이용해서 배열의 마지막을 가져올 수 있다. 하지만 이렇게 하면 배열의 마지막 값만 배열에 담기는 것이라["E"]가 된다. 그렇기 때문에 "E" 만 받아오려면 아래처럼 다시 배열안의 값을 가져온다. 또는 아래처럼도 배열의 마지막 값을 가져올 수 있다.
-
Javascript, jQuery 2020‧09‧15
map 역순으로 처리 (배열 역순)
map을 사용할 때 순서를 역으로 진행하고 싶을 때 아래처럼 사용한다.원본 배열을 건드리지 않고 역순으로 하려면 사본을 만든 다음 반대로 만들고 map을 실행하면 된다.
-
Javascript, jQuery 2020‧07‧20
JS - Object.entries() 대상 객체를 각 키,값으로 배열로 담은 배열
타겟 객체에 있는 각 요소마다 키와 값이 있는데 이 것을 [키, 값] 바꾸고 모든 변경된 요소들을 새로운 배열에 담아 반환한다. 위 예제의 결과값은 [["user_a", 50], ["user_b", 15], ["user_c", 30], ["user_d", 100], ["user_e", 80]] 이렇게 나온다. 보통 entries는 단독으로 쓰이기보다 reduce 함수나 map 함수등을 활용한다. 이렇게 dataobj 객체에서 가장 큰 값을 가진 키와 값을 반환하는 조합에 […]
-
Javascript, jQuery 2020‧07‧20
JS - map()
타겟 배열을 가지고 배열의 0번째부터 끝번째까지 하나하나 가공을 거쳐 새로운 배열로 반환하는 것 위 예제는 배열 arr 의 요소들을 곱하기 2로 한 뒤 새로운 배열에 담아 반환하는 것이다.설명하자면 배열 arr 의 하나하나 요소가 맵안에 만들어진 연산을 거쳐 새로운 배열에 그 요소가 들어가는 것이다.
-
Javascript, jQuery 2020‧07‧20
JS - filter()
타겟 배열을 가지고 배열의 0번째부터 끝번째까지 조건에 대입한 뒤 조건에 맞는 것들만 모아서 새로운 배열로 반환하는 것 위 예제는 배열 arr을 2보다 큰 수일 경우를 배열로 반환하는 것이다.설명하자면 배열 arr 의 하나하나 요소가 필터안에 만들어진 조건에 충족되면 새로운 배열에 그 요소가 들어가는 것이다.
-
Php 2017‧07‧28
php - 배열에 값 추가하기
array_push 써서 배열의 마지막에 추가한다. $array = array(); array_push($array, "추가"));
-
Php 2017‧07‧27
배열안에 해당 값이 존재하는지 체크
배열속에 특정 값이 존재하는지 확인할 때 사용한다. $Array = array(1,2,3,4,5,6,7); if(in_array(7, $Array)) echo "있어요~"; 자세한 추가 설명은 php.net에서 http://php.net/manual/kr/function.in-array.php
-
Reactjs 2017‧04‧24
Immutability Helpers 간단 사용법
배열이나 객체 수정/추가/삭제를 용이하기 위한 리액트 플러그인. 공식 문서 : https://facebook.github.io/react/docs/update.html 문서내 선언 import update from 'react-addons-update'; 예를 들어 setState할 때 쓰려면 아래처럼 쓴다. handleCreate(contact){ this.setState({ getJsonData : update(this.state.getJsonData, {$push : [contact]}) //update(타겟배열,{$push [추가할 것=받아온것]}) }) }; handleRemove(){ this.setState({ getJsonData : update(this.state.getJsonData, {$splice : [[this.state.selectedkey, 1]]}), //update(타겟 배열, {$splice : [[배열의 순번, 그로부터 어디까지 지울지]]}) selectedkey […]
-
Javascript, jQuery 2016‧01‧07
JS - 배열안의 객체들 중 속성과 값 매칭된 것 가져오기
json 형식으로 데이터를 불러왔다거나 혹은 직접 배열안의 객체 구조를 만들어 데이터화 하여 사용할 때 특정 값을 가진 객체를 찾아서 그 객체가 가진 다른 값을 가져올 때 사용한다. var people = [ { "name": "bob", "dinner": "pizza" }, { "name": "john", "dinner": "sushi" }, { "name": "larry", "dinner": "hummus" } ]; 이런 식으로 배열안에 객체가 있다면 […]