whatisthis?

Dev Blog whatisthis? 🚀 web study & project archive 😺 https://github.com/thisisyjin mywebproject.tistory.com 개발 공부 개발 연습 프로젝트 스킨 편집 Naver Blog 기록 : 네이버 블로그 기록 :) https://mywebproject.tistory.com blog.naver.com 일상 자격증 공부 타임랩스 계획 Velog thisisyjin (thisisyjin) - velog TIL 22-03-17 React.js Today I Learned ... react.js >🙋‍♂️React.js Lecture >🙋‍My Dev Blog 🚀 예제 - 끝말잇기 게임 WordRelay.jsx Hooks 이용시 💡 targ..

React.js Today I Learned ... react.js 🙋‍♂️React.js Lecture 🙋‍My Dev Blog 🚀 예제 - 끝말잇기 게임 WordRelay.jsx const React = require("react"); const { Component } = React; class WordRelay extends Component { state = { word: "강아지", value: "", result: "", }; onSubmitForm = e => { e.preventDefault(); if (this.state.value[0] === this.state.word[this.state.word.length - 1]) { this.setState(prevState => ({ res..

React.js 🚩 목차 - 클래스형 컴포넌트 - 함수형 컴포넌트 - 배열 컴포넌트 - 컴포넌트에서의 콜백과 이벤트리스너 클래스형 컴포넌트 생명주기 메소드와 컴포넌트 구성요소를 모두 포함하는 클래스형 컴포넌트. 총 두가지 종류의 클래스를 사용. - Component - PureComponent 1 / Component 클래스 - props, state, life-cycle method가 들어있는 구조의 컴포넌트 2 / PureComponenet 클래스 - Component 클래스를 상속받은 클래스. - shouldComponentUpdate() 함수를 얕은 비교를 하도록 재정의. 📌 shouldComponentUpdate(nextProps, nextState) 프로퍼티를 변경하거나 setState()를 ..