# mode

react-hook-form 유효성 검사하기
required : 필수 여부pattern : 유효성 검사 정규식minmaxminLengthmaxLengthvalidate : 직접 작성한 유효성 검사 함수{errors?.input명.type === 유효성 검사 항목 && 에러 메시지 요소} 형태로 사용Enter 적용

JavaScript - 최빈값 구하기, 증가연산자(++)
참고자료 | \[, 증가 연산자(++)for (let i of array) 구문은 배열 array의 요소를 순회하는 반복문임 -> i 변수에는 배열의 각 요소가 순차적으로 할당된다.요소의 값이 객체 obj의 프로퍼티로 이미 존재하는지 확인한 후, 존재한다면 해당 프로퍼

생활인구 성별 연령대별 분포 시각화
법정동 정보가 포함된 생활인구 데이터에서 연령대와 성별 컬럼을 생성한 뒤 특정 지역의 연령대별, 성별 생활인구 분포를 확인

[react] create - mode 변경
create, update, delete 부분을 Control 컴포넌트로 묶어본다.App.js)App.js에 Control태그를 두고 onChangeMode라는 속성을 부여한다.onChangeMode 속성 안에 함수를 두고 this.setState를 두고 매개변수에 해

Webpack
webpack 은 최신 JavaScript 애플리케이션을 위한 정적 모듈 번들러이다.webpack 이 애플리케이션을 처리할 때 내부적으로 하나 이상의 진입점에서 종속성 그래프를 빌드한 다음 프로젝트에 필요한 모든 모듈을 하나 이상의 번들로 결합한다.필요한 다수의 자바스

웹팩(webpack) config 와 mode
config 파일 생성 >우리는 cli -> npx webpack --en 요런걸로는 제대로 활용할 수 없다!!!! 즉 config를 이용하면 더욱더 멋지게 webpack을 활용할 수 있는 것! webpack.config.js(기본적으로 npx webpack 실행시

[ React ] - console.log가 두 번 찍히는 현상(strict mode)
MongoDB의 데이터를 가져와서 setState를 한 후, console.log로 찍어보는 테스트를 했다. console.log가 두 번 찍힌다. 처음엔 undefined가 찍히고 그 다음에 DB값이 찍힌다.