moonscode

https://github.com/redux-orm/redux-orm GitHub - redux-orm/redux-orm: NOT MAINTAINED – A small, simple and immutable ORM to manage relational data in your Redux store NOT MAINTAINED – A small, simple and immutable ORM to manage relational data in your Redux store. - GitHub - redux-orm/redux-orm: NOT MAINTAINED – A small, simple and immutable ORM to manage relati... github.com

특징 SSR이 가능하다. - next-redux-wrapper를 사용하면 SSR에서도 store에 접근이 가능하다. Entity(RTK - slice)간에 조합이 자유롭다. 가장 크게 아래 두 기능이 강력하다. - A Entity의 Action에 따라 B Entity의 상태를 변경할 수 있다. - A Entity Getter, B Entity Getter를 조합해서 (캐싱된) 값을 가져올 수 있다. API createEntityAdapter 정규화된 Entitry 상태를 관리하기 위해 빈번히 사용하는 CRUD 패턴의 Reducer 함수를 제공하는 API Client에서 정규화된 데이터 관리가 필요할까? https://redux.js.org/usage/structuring-reducers/normalizi..

1. Connection vs Request 2. L4 vs L7

설정 키보드 자동 대문자 off 맞춤법 검사 off

next.config.js에서 redirect를 처리해보자. '/about' 페이지에 진입했을 때 '/' 페이지로 redirect하고 싶은 경우, module.exports = { async redirects() { return [ { source: '/about', destination: '/', permanent: true, }, ] }, } source > 대상 페이지 destination > 이동할 페이지 permanent (true,false) > 응답코드 true = 308, false = 307 308 영구 Redirect > 이 페이지는 영구적으로 이동 307 임시 Redirect > 이 페이지는 임시적으로 이동 basePath > 선언된 모든 redirect의 source, destina..

단축키 정리 단축키 카테고리 화면분할 단축키 (ctrl + opt ■■□) 앱 단축키 (opt + cmd □■■) OS에서 호출하는 앱 단축키 (ctrl + cmd ■□■) 시스템 단축키 키보드 단축키 > 키보드 > Dock으로 초점 이동 > "option + tab" 키보드 단축키 > Spotlight > Spotlight 검색 보기 > "해제" (raycast로 대체) 앱 단축키 (opt + cmd) App 메뉴 제목. (속성필드를 동일하게 입력) Desc. chrome . 탭 "" 이동 opt + cmd + "방향키 >" vscode . 탭 "" vscode . 탭 ">" 이동 opt + cmd + "방향키 >" OSX 설정 미션컨트롤 데스크탑 및 Dock > Mission Control > Sp..

yarn info yarn info react yarn list yarn list yarn list react yarn list --depth=0 yarn add yarn add react # 최신 버전 yarn add react@latest yarn add react@^17.0.0 # 메이저 버전은 고정하고 최신버전

ES6부터 export, import의 개념이 도입된 건 알고 있는데, AMD과 RequireJS는 무엇일까? AMD AMD(Asynchronous Module Definition)은 JavaScript 모듈화를 위한 디자인 패턴중 하나. AMD는 JavaScript 코드를 모듈 단위로 구성하고 이를 비동기 방식으로 로드할 수 있도록 해줍니다. AMD는 Require.js와 함께 사용되고 define() 함수를 사용해서 모듈을 정의하고 require() 함수를 사용하여 모듈을 로드합니다. AMD를 사용하면 애플리케이션의 성능을 개선할 수 있습니다. 모듈을 비동기적으로 로드해서 페이시 로드 시간을 줄이고 필요한 모듈만 로드해서 메모리 사용을 최적화합니다. require.js require.js는 JavaS..

git mv는 파일의 이름을 변경하는 기능으로 생각하기 쉽지만, 사실은 기존 파일을 제거하고 새롭게 파일을 생성하는 아래 로직과 같다. mv oldname newname git add newname git rm oldname 그렇다면 파일의 변경이력까지 옮기려면 어떻게 해야 할까? 간단하게 설명하자면 git에서 파일이름을 변경하고 이력까지 유지하는 것은 어렵다. 관련링크 https://stackoverflow.com/questions/2314652/is-it-possible-to-move-rename-files-in-git-and-maintain-their-history https://stackoverflow.com/questions/1094269/whats-the-purpose-of-git-mv

이번 Deview 2023 Day1은 FE 세션 위주로 들었습니다. 코로나 이후 오랫만에 오프라인 세션이라 흥미롭게 참관했습니다. 하나의 코드로 React, Vue, Svelte 등 모든 프레임워크를 지원할 수 있는 CFCs Reactive #FE # CFCs FE에서 함수형 프레임워크의 공통점을 분석하여 Cross 플랫폼 지원이 가능하도록 도와주는 라이브러리이다. 함수형 프레임워크를 선언, 등록, 해제, 반환(state, mounted, unmounted, result) 4가지 과정으로 일반화하였고 이 과정을 가지고 있는 React, Vue, Svelte에 맞게 import 하여 라이브러리 사용이 가능하다. 프레임워크의 경계를 넘나드는 대규모 조직에서 코어 로직을 개발하는데 사용하면 적합하겠지만, 일반..