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

Provider 생성 먼저 Provider 패키지를 pubspec.yaml 파일에 추가한다. 그 다음 전역 상태 클래스 파일을 생성한다. import 'package:flutter/material.dart'; class MyState with ChangeNotifier { int _count = 0; int get count =>...

원격 저장소 태그 가져오기 git fetch origin --tags 태그 목록 보기 git tag 태그로 이동 (브랜치 생성) git checkout tags/{태그명} 위 명령어는 태그명으로 브랜치를 생성한다. 원하는 이름으로 브랜치를 생성하려면 아래 명령어를 입력한다. git checkout tags/{태그명} -b {브랜치명}

모노레포란? Lerna 실행해보기 lerna example 브랜치에서 프로젝트를 clone한다. root 경로에서 yarn 명령어로 모듈을 인스톨한다. example 패키지 구조는 아래와 같으며, remixapp 패키지는 header, footer 패키지를 의존한다. packages/ ㄴheader ㄴfooter ㄴremixapp npx ...

앱 구조 void main() => runApp(MyApp()); class MyApp extends StatelessWidget {}; class MyHomePage extends StatefulWidget {}; class _MyHomePageState extends State<MyHomePage> {}; 앱 실행 부분 ...