// 영단어 삭제하기 App.js import './App.css' import React, { Component } from "react"; import Words from "./components/dummyData"; // import 뒤의 이름은 파일명과 달라도 된다. import Word from "./Word"; class App extends Component{ state={ words : Words } handleRemove = ( id, e ) => { const word = e.target.previousSibling.innerText // previousSibling : 이전 형제 요소 console.log(e.target, word) console.log(id) alert(`해당 단어..
내가 처음에 작성한 코드 sortItem = () => { this.setState({ flag : !this.state.flag, serverData : this.state.serverData.sort((a,b)=> {return this.state.flag ? a.price-b.price : b.price-a.price} ) }) } GPT가 알려준 잘못된 점 주어진 코드에서 this.state.serverData.sort() 메서드를 호출하면, 원본 배열인 this.state.serverData를 직접 변경하는 것입니다. 그리고 이 변경된 배열을 다시 setState 메서드로 설정하여 상태를 업데이트합니다. 그러나 React에서는 상태(state)를 업데이트할 때 직접 원본 데이터를 수정하는 것은 ..
- Total
- Today
- Yesterday
- promise
- 상속
- 비동기
- 미들웨어위치
- 전역변수
- 머리아프다..
- unexpected character
- Props
- universal rendering
- 프로토타입 체이닝
- JSX
- 배열내특정요소찾기
- 대괄호표기법
- 동등비교연산자
- null과 undefined
- 에이블스쿨2일차
- 문자열
- 리액트 이미지경로
- 객체리터럴
- 함수형코딩
- .then()
- .finally()
- unique "key" prop.
- 객체속성 추가 삭제
- cors위치
- 태스크큐
- 조대곤교수님
- react
- 함수
- .catch()
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |