본문 바로가기

전체 글66

[React] Error: Maximum update depth exceeded 해결법 개요이벤트 설정 시 발생하는 무한 루프 문제의 원인과 해결책을 알아보자. Maximum update depth exceeded 에러를 해결해보자.이슈 원인onClick={this.function()} 위와 같이 이벤트를 설정할때 함수에 괄호를 붙이면Render 될때마다 함수를 호출하기 때문에 무한 루프가 발생한다.ex) 함수 호출 => render => 함수 호출 => render ...따라서 괄호가 붙지 않는 즉, 파라미터가 없는 함수는 이슈가 발생하지 않는다.해결책파라미터를 넘기지 않는다면 괄호만 지우면 해결된다.파라미터를 넘겨야 한다면 아래처럼 Arrow function을 사용하면 된다.onClick={() => this.function()} React 2021. 5. 11.
[React] antd 테이블 클릭 시 row 색 변경 개요antd 라이브러리의 table에서 어떤 행을 클릭했을 때 해당 행의 배경색을 바꾸는 법을 알아보자 방법1. Table 탭을 클릭했을 때 클릭한 row의 index를 state에 저장하는 함수 생성clickRow = (index) => { this.setState({ activeIndex: index })}  2. Table 탭의 onRow 파라미터를 사용하여 onClick 생성onRow의 파라미터 record, index가 주어진다.record : data의 전체정보 .[컬럼이름] 으로 세부정보 출력가능 ex) record.userNameindex : 테이블에서 해당 데이터의 행 인덱스(위치) { return { onClick: this.clickRow(index).. React 2021. 5. 11.
[Python] 딕셔너리 정렬 및 출력하기 개요 딕셔너리 정렬에는 1. key 기준 정렬 2. value 기준 정렬 이 있다. 상황에 따라 맞게 사용한다. key 기준 정렬 오름차순 sorted 함수를 사용하면 된다. sorted에 딕셔너리를 넣었을 때는 딕셔너리의 key 기준으로 정렬하는 것이 default, 오름차순이 default 기 때문에 dict의 item만 넣으면 된다. dict = sorted(dict.items()) 내림차순 dict = sorted(dict.items(), reverse=True) value 기준 정렬 value 기준 정렬은 key 기준 정렬 때보다 스킬이 필요하다. 1. lambda 활용 2. operator.itemgetter 활용 lambda 활용 dict = sorted(dict.items(), key=la.. Python 2021. 5. 4.
[React] antd form 초기화하기 리액트에서 antd로 form을 구성했을 때 내부 요소들을 버튼 클릭으로 초기화 하는 방법을 알아보자 1. React를 import 한다. import React from "react"; 2. HTML의 DOM 메소드 사용을 위해 ref 객체를 생성한다. 생성자에서 this.formRef = React.createRef(); 를 선언하면 된다. class 클래스명 extends Component { constructor(props) { super(props) this.formRef = React.createRef(); } } 3. antd의 Form을 선언할 때 ref 파라미터에 생성한 ref 객체를 넣어준다. 4. 여러가지 FormItem을 선언한다. name 파라미터에 초기화에 사용할 키 값을 넣는다.. React 2021. 4. 29.
[Git] git config --global credential.helper store 인증 정보 저장 이슈 git의 id, password를 초기화한 이후 매 pull, push, commit 마다 id와 password를 입력해야 하는 번거로운 작업이 추가됐다. 해결책 git bash에 git config --global credential.helper store를 입력하여 입력한 id와 password를 git credential에 저장한다. git config --global credential.helper store Git 2021. 4. 28.

티스토리툴바