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

    컴포넌트 안에서 method 호출 or arrow 함수 호출 (feat. this 이슈)

    예를 들어 클릭 이벤트에 state 의 값을 변경하려고 함수 호출하거나 메서드를 호출한다.ES6 문법의 arrow 함수 방식으로 호출할 경우는 증가 버튼을 클릭하면 onClick으로 handleInc 인 arrow 함수 호출하여 state 값을 변경하는 예제였다.이 것을 ES6 문법이 아닌 예전 방식으로 코딩하면 아래와 같다. constructor 안에서 이벤트 메서드를 this.handleInc = this.handleInc.bind(this); 이런식으로 this를 바인딩 해줘야한다.그렇지 않으면 number 가 undefined […]

  • 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 은 […]

popular

  • 키보드 키 코드
  • findDOMNode) is not a function 오류 발생시
  • IE9에서 script5022 DOM Exception: INVALID_CHARACTER_ERR (5) 오류 났을 때
  • js - 채널톡 삽입(커스텀 버튼, 뱃지 카운트, 서포트봇 양식 연동)
  • map 역순으로 처리 (배열 역순)
  • JS - textarea 폰트 사이즈 변경
  • jQuery - a 태그의 href 값 변경하기
  • CSS - vimeo 영상 높이 값 반응형으로 적용하기
  • 로고디자인 - 블랙과 화이트 색상을 이용한 심플한 로고 디자인 모음
  • 가로 모드(또는 세로 모드)로 가는 회전 막기

comment

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