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

SELECT SELECT [DISTINCT] 컬럼1, 컬럼2, ..., 컬럼X [FROM 테이블1, [INNER JOIN|OUTER JOIN|CROSS JOIN 테이블2 INNER JOIN|OUTER JOIN|CROSS JOIN ON 조인 조건식1 테이블3 INNER JOIN|O...

데이터 정의 언어 DDL(Data Definition Language) 종류와 기능 종류 적용 기능 CREATE DATABASE 데이터베이스 생성   SCHEAMA 스키마 생성 ...

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...

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...