개발 노트

antd의 table css를 바꾸기 위해 기본 선택자를 사용하여 변경하면 원활히 변경되지 않는다. antd의 css 변경을 위해서 antd에서 각 태그에 지정한 class이름을 참조하여 변경해야한다. 예) table -> .ant-table

특정문자를 찾기 위해서 SELECT 필드명 FROM 테이블명 WHERE 해당 필드명 LIKE '%특정문자..%'; 를 사용하면 된다. LIKE를 사용하고 %의 위치에 따라 어디서부터 특정 문자를 분석할지 정한다.

태그 인라인에서 style속성으로 hover을 지정해줄 수 없다. :hover는 의사 선택기 이다. 의사 선택기는 인라인 스타일에서 지정할 수 없다.

useState를 사용하여 setState를 여러번 사용하여 state를 변경하려고 하였으나 하나의 setState만 적용 리엑트는 batch란 특징을 가지고 있다. batch는 리엑트가 효율적인 렌더링을 하기위한 방법 중 하나다. batch는 일괄처리를 뜻하는데 setState는 비동기적으로 동작을 하여서 여러 setState가 있다면 거의 동시적으로 모든 setState가 실행이 된다. 이때 setState가 끝나는 경우에마다 state가 변경되니 리엑트가 리렌더링 되지 않고 batch란 특성으로 마지막으로 끝난 setState만 적용된다. 리엑트에서 일정한 순서에 따라 State가 변경되어야 할때 함수형 업데이트를 사용한다 함수형 업데이트는 setState에서 인자가 아닌 함수를 할당해주는 것이다.

현재 상황 회원 추가시 ID를 입력하는 부분이 있다. ID 입력 input에서 포커스가 out되면 비동기 처리를 하여 중복된 ID 검사를 하기위한 유효성 검사가 필요하다. 문제 분석 및 해결 과정 Ant Design의 Input을 사용하다 보니 onFocusout, onInput 이벤트에 관한 부분이 없었다. ( 타이핑 시 이벤트 발생 리스너 ) 위 이벤트를 대신할 onChange를 통해서 비동기 유효성 검사 기능을 만들어야 한다. 비동기 유효성 검사 기능을 구현하기 위해 입력 후 일정 시간이 지나면 비동기 통신으로 유효성 검사를 하고자 추정 기능 구현을 타이머에 관련된 구글링도중 쓰로틀링(throttling)과 디바운싱(debouncing)을 찾음 여기서 디바운싱(debouncing)은 연속된 함수 호..

경고 원인 특정 컴포넌트를 import한뒤 사용하지 않거나, 템플릿 문자열 표현식이 형식에 맞지 않을때 발생 ( Unexpected ) 해결 방법 /* eslint -disable */이란 주석으로 해당 경고 부분을 감싸면 경고 메시지가 띄지 않는다.