조합과 순열 길이가 l인 배열에서 n개의 요소를 선택하는 알고리즘 재귀함수를 통해 만들 수 있는 경우의 수(배열)를 모두 생성한다. 조합 (Combination) 배열을 만들 때 현재 요소를 포함시키지 않는다. 자신의 index보다 큰 배열을 재귀 함수에 전달한다. [3,6]과 [6,3]을 동일한 원소로 판단한다. 즉 순서...

Vite로 assets 빌드하기 이미지 파일이 로컬에서는 잘 나오고 npm run build 시에도 dist 폴더에 잘 들어가지만, CI/CD 후에는 실제 서버에 배포되지 않아 파일 404 에러가 나서 찾아보다가.. 이미지에 url(‘/assets/image.png’) 이런 식으로 직접 경로를 입력하여서 에러남 import imageUrl fro...

merge Redux Toolkit에서 쿼리를 호출할 때 기존 캐시와 새로 생성된 캐시를 병합할 수 있는 기능이다. 리스트 페이징, 무한 스크롤 등을 구현할 때 사용한다. serializeQueryArgs 쿼리의 캐시 키를 정의하는 메서드이다. 인수와 관계없이 키 값이 항상 같아야 하는 경우에는 endpointName를 반환한다. listI...

Matation Matation은 일반 Query와 달리 쿼리의 캐시 데이터를 변경시킬 수 있는 기능이다. 단순한 get 요청이 아니라 서버의 데이터를 변형해야 하는 경우 사용한다. endpoints에서 build.mutation() 메서드로 정의한다. updatePost: build.mutation({ query: ({ id, ...pat...

문제 MUI 라이브러리로 만든 스타일 컴포넌트에 props를 전달하면 아래와 같은 경고가 뜬다. React does not recognize the backgroundColor prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, ...

문제점 객체 요소로 구성된 배열을 순환하고, 각 컴포넌트에서 input이 입력될 때마다 배열을 변경하고 있다. 하지만 input을 입력하면 정상적으로 입력되지 않고 한 글자씩 툭툭 끊어지며 입력된다. 포커스도 input에서 해제된다. 문제가 되었던 코드 const Item = ({ data, setData }) => { const ha...

앱 아이콘 적용하기 flutter_launcher_icons 라이브러리를 추가한다. flutter pub add flutter_launcher_icons --dev pubspec.yaml 파일에 아래 코드를 추가한다. flutter_launcher_icons: android: "launcher_icon" ios: true image...

정렬 알고리즘 입력 배열의 데이터를 크기 순서대로 재배치하는 것을 정렬(sort)이라고 한다. 동일한 값을 가진 데이터의 상대적 위치가 정렬 후에도 유지되면 안정적 정렬 알고리즘이다. 입력 배열 이외에 별도로 필요한 저장 공간이 상수 개를 넘지 않는 정렬 알고리즘을 제자리 정렬 알고리즘이라고 한다. 선택 정렬 제자리 정렬 알고...

SVG 커스텀 함수 만들기 기본적인 svg 엘리먼트의 html 코드는 아래와 같다. <svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="grey" ></svg> sv...

npm 패키지 버전을 체크하여 버전이 다른 경우에만 publish하는 쉘 스크립트 코드를 작성하였다. (ChatGPT 참고) # 현재 패키지 버전 current_version=$(node -pe "require('./package.json').version") # 마지막으로 업데이트한 패키지 버전 latest_version=$(npm view &l...