lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • Reactjs 2020‧12‧23

    this.props.history.push 이동시 파라미터 같이 보내기

    보통 이렇게 이동할 링크를 push() 안에 넣어 쓴다. 하지만 사용자 토큰 정보나 결제 정보 또는 게시물의 일련번호 등 다음 페이지로 넘어갈 때 파라미터를 가지고 넘어가야할 때 push를 써서 이동할 때는 아래처럼 이용한다. 위 처럼 전달할 파라미터를 담아 보내면 된다. 객체 형식으로 보내도 된다.그리고 전달 받는 페이지에서는 아래처럼 불러온다. 이렇게 불러오면 getParams안에 전달받은 파라미터가 담아져 있다. […]

  • Reactjs 2020‧07‧15

    props (부모 컴포넌트에서 자식 컴포넌트로 데이터 전달)

    자식 컴포넌트가 부모 컴포넌트로 부터 데이터를 받아와서 처리해야할 경우가 생긴다.우선 부모 컴포넌트에서 자식 컴포넌트 쪽으로 데이터를 전달하기 위해 전달하려는 속성을 추가한다. ChildComp 에 userName 의 값을 'insik'으로 전달했다.이제 자식 컴포넌트인 childComponent.js 를 생성하여 아래 코드를 삽입한다. this.props.userName 을 통해 부모로 받은 값을 노출한다.위 코드 중에는 defaultProps가 있다. 이 것은 부모 컴포넌트에서 props를 전달하지 않았을 때 […]

  • Reactjs 2017‧05‧24

    props가 변경되어서 state를 업데이트(setState) 할 때

    자식 컴포넌트가 부모로 받은 props 의 값들이 변경되었다. 변경됨을 감지하고 자식 컴포넌트안의 state 값을 변경(setState)하여 자식 컴포넌트 안의 함수 실행 또는 변수 정의를 그에 맞게 재실행하고 할 때가 있다. componentDidUpdate(prevProps, prevState){ if (this.props.tagList !== prevProps.tagList) { console.log('업뎃?') this.setState({ ...this.state, selectTagNum : -1 }) } } 이렇게 하면 props.tagList라는 값이 변경이 되었다면 this.state 안에 selectTagNum 은 […]

  • Reactjs 2017‧04‧24

    ReactJs - .propTypes, .defaultprops

    prop 를 타입 선언과 기본 값 셋팅을 할 때 대소문자 주의해서 쓰자. const로 먼저 셋팅 선언하고, 하단에 실제 타입과 기본값 선언을 상단에서 설정한 셋팅값으로 가져온다. import React from 'react'; const propTypes = { number : React.PropTypes.number } const defaultProps = { number : -1 } class Value extends React.Component { constructor(props){ super(props); } render(){ return( […]

popular

  • 풀사이즈 배경으로 동영상 or 이미지 삽입하기
  • [회고] Github Actions가 갑자기 안된다. (Waiting for a runner to pick up this job…)
  • jQuery - a 태그의 href 값 변경하기
  • react, vue - Uncaught SyntaxError: Unexpected token
  • 글 쓰기 편한 에디터 TinyMCE Advanced
  • map 역순으로 처리 (배열 역순)
  • 창 사이즈 읽어오기 scrollHeight / clientHeight / scrollTop (브라우즈별 차이점)
  • JS - datepicker(jQueryUI,달력) 이용시 두개 날짜 범위 설정
  • 동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
  • 내 컴퓨터에서 DNS 정보 갱신

comment

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