lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • 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" } ];  이런 식으로 배열안에 객체가 있다면 […]

popular

  • php- 날짜 비교 개월 수로 표현하기
  • react, vue - Uncaught SyntaxError: Unexpected token
  • `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.
  • JS - datepicker(jQueryUI,달력) 이용시 두개 날짜 범위 설정
  • 그림문자인 이모지(emoji) 웹에 사용하기
  • 로고디자인 - 블랙과 화이트 색상을 이용한 심플한 로고 디자인 모음
  • map 역순으로 처리 (배열 역순)
  • [회고] Github Actions가 갑자기 안된다. (Waiting for a runner to pick up this job…)
  • 글 쓰기 편한 에디터 TinyMCE Advanced
  • codedeploy - npm: command not found

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....