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> {}; 앱 실행 부분 ...

파비콘이란? 웹페이지를 표시하도록 설정된 아이콘이다. manifest.json 파일과 <link> 메타 태그를 통해 설정할 수 있다. manifest 파일 설정하기 { "name": "My Website", "icons": [ { "src": "favicon-32x32.png", "sizes": "...

read only 속성의 객체를 writeable로 복사하는 방법 const readOnlyObj = { prop1: 'value1', prop2: 'value2' } // Object.assign()을 사용하여 객체 복사 const writableCopy = Object.assign({}, { ...readOnlyObj }) // wri...

const [startDate, setStartDate] = useState() const [endDate, setEndDate] = useState() const [title, setTitle] = useState('') const [description, setDescription] = useState('') const [location, setL...

configureStore() 스토어를 구성하는 함수 reducer, middleware 등의 정보를 전달한다. import { configureStore } from '@reduxjs/toolkit' import additionalMiddleware from 'additional-middleware' import logger from 'redu...