리액트 정리

setState같은 함수 안에 다른 함수를 넣는 경우. 일급함수. higher order function가 된다. 옛날 state로 현재 state를 만들 때. 함수형 setState인 prevState를 사용. onSubmitForm = (e) => { e.preventDefault(); if(this.state.value === this.state.answer.join('')) { this.setState((prevState) => { return{ result: '홈런!', tries: [...prevState.tries, {try: this.state.value, result: '홈런!'}] } }) alert("게임을 다시 시작합니다!"); this.setState({ value: "", ans..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. developer.mozilla.org 속성 Array.prototype.length 배열의 원소 수를 나타냅니다. 메서드 변경자 메서드 변경자 메서드는 배열을 수정합니다. Array.prototype.pop() 배열에서 마지막 요소를 뽑아내고, 그 요소를 반환합니다. Array.prototype.push() 배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다. Array.prototype.reverse() 배열의 요소 ..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. developer.mozilla.org JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. 배열 만들기 var fruits = ['사과', '바나나']; console.log(fruits.length); // 2 인덱스로 배열의 항목에 접근하기 var first = fruits[0]; // 사과 var last = fruits[fruits.length - 1]; // 바나나 배열의 항목들을 순..

숫자야구 - JS강좌 숫자야구 듣기 (스트라이크, 볼 판정)

mutating data. 기존 배열 복사해놓고 새 배열 넣어주기 : 리액트에서는 push로 추가하면 변한걸 감지를 못한다. 그래서 새 어레이 생성 + 기존배열을 한번 펴주고 + 새거 추가 ex. 스프레드 연산자 const array = [1]; const array2 = [...array, 2] const array = [1]; const array2 = [...array, 2] => 예전 state 참조와 현재 state가 다른걸 비교 => false면 render를 실행한다. 오브젝트도 object: {...this.state.object} https://ko.reactjs.org/docs/optimizing-performance.html#the-power-of-not-mutating-data 성능..

10글 = 초밥 1판 이거 하고 초밥 먹어야지