맨동이

Property 'nav' does not exist on type 'DefaultRootState' React + TS + redux 사용중 DefaultRootState 값에 찾는 값이 없다는 에러를 발견했다. 해결방법은rootReducer가 있는 곳에 RootState 타입을 선언하고 state에게 알려주면 해결완료! export type RootState = ReturnType

유데미 강의를 보며 typescript에 webpack을 적용하였다. 하지만 강의는 webpack 4버전으로 녹화된 강의였고.. 나는 webpack5로 설정을 하던중 다른 부분이 있어 기록으로 남길겸 글을 남기게 되었다. webpack-dev-server ? 빠른 실시간 리로드 기능을 갖춘 개발 서버로서 디스크에 저장되지 않는 메모리 컴파일을 사용하기 때문에 컴파일 속도가 빨라지고, webpack.config.js파일에 devServer 옵션으로 커스터마이징도 가능하다. 22년 3월 기준 npm install 버전과 나의 프로젝트 구성 목록이다. npm start로 실행했을 시에는 webpack-dev-server가 실행되게 하고, build시에는 따로 build용 config 파일을 만들어 적용해주었다..

Component 외부 vs 내부 변수 선언 React를 사용하다 문득 Component 외부에서 변수 나 함수를 선언하는 것과 내부에서 선언하는 것의 차이가 궁금해져서 구글링을 하게되었다. 결론적으로 크게 차이는 없고 컴포넌트 내부코드의 가독성을 개선하고 싶거나, 특정 함수의 재사용성을 높이고 싶으면 외부로 빼는게 낫다고 한다. https://stackoverflow.com/questions/62848106/functional-component-write-functions-inside-or-outside-the-component Functional Component: Write functions inside or outside the component? I often wrote functional co..

자바스크립트 엔진은 함수 정의를 평가하여 함수 객체를 생성할 때 함수 정의 방식에 따라 함수를 constructor 와 non-constructor 로 구분한다. constructor : 함수 선언문, 함수 표현식, 클래스 non-constructor : 메서드(ES6 메서드 축약 표현), 화살표 함수 밑의 예제로 보면 메서드를 인정하는 범위를 구분할 수 있다. // 일반함수 정의: 함수선언문, 함수표현식 function one() {} const two = function() {}; // 프로퍼티 x의 값으로 할당된 것은 일반 함수로 정의된 함수와 같다. 메서드로 인정X const test = { x: function() {} }; new one(); // -> one {} new two(); // -..

일급 객체 일급 객체는 4가지 조건을 만족하는 객체를 말한다. 더보기 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체,배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 4가지 조건을 모두 만족하는 일급 객체이다. // 1. 함수는 무명의 리터럴로 생성 가능 const increase = function(num) { return ++num; }; const decrease = function(num) { return --num; }; // 2. 함수는 객체에 저장이 가능 const predicates = { increase, decrease }; // 3. 함수는 매개변수에..