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

  • react, vue - Uncaught SyntaxError: Unexpected token < (흰 화면 이슈)
  • jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
  • MSSQL - 두 테이블간 컬럼의 값들에 일치하는 항목 추출
  • 이미지와 텍스트 정렬 (위 이미지, 아래 텍스트)
  • mac 에서 ssh ppk 키 pem 키로 변환 및 접속
  • 창 사이즈 읽어오기 scrollHeight / clientHeight / scrollTop (브라우즈별 차이점)
  • js - 채널톡 삽입(커스텀 버튼, 뱃지 카운트, 서포트봇 양식 연동)
  • 텍스트 세로 방향으로 타이핑
  • 리액트 네이티브 - 웹뷰에 유저 에이전트 수정하기 (iOS, Android)
  • MSSQL - 테이블 복제 생성시 구조만 복사

comment

  • 안녕하세요! 감사합니당~ 워드프레스로 만들긴 했는데 ...
  • 블로그 너무 멋있습니다 . . . 세상에 혹시 워드프...
  • 감사합니다 ㅎ
  • 도움이 되셨다니 뿌듯하네요! 보람있는 프로젝트 되시길 ...
  • 마침 채널톡 연동 관련해서 프로젝트를 진행하게 되었는데...