정렬 알고리즘 입력 배열의 데이터를 크기 순서대로 재배치하는 것을 정렬(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...

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