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

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