Jake의 블로그

# Flutter 개발 중에 안드로이드 의존성을 업데이트 - 아래의 명령어로 의존성을 업데이트 할 수 있습니다 cd android .\gradlew --refresh-dependencies

(주의: 현재 해당 패키지는 IOS는 제대로 변경이 되지 않는 문제가 있습니다. IOS까지 변경이 필요하신 경우, 이 포스팅을 참조해주세요.) # Flutter 패키지 이름 변경하기 - Flutter를 사용해서 앱을 개발하다보면, 항상 패키지나 번들 이름을 변경 해야 하는 일이 발생합니다. 본 포스팅에서는 이 귀찮은 과정을 쉽게 도와주는 툴을 소개하고자 합니다 # 라이브러리 페이지 change_app_package_name | Dart Package Change App Package Name with single command. Update AndroidManifest, build.gradle, MainActivity files & move MainActivity file to new directory ..

# React Native IOS, Android 빌드 지우는 방법 # IOS 빌드 지우기 cd ios xcodebuild clean # Android 빌드 지우기 cd android ./gradlew clean

# SDK 다운로드 링크가 (failed)로 표시 될 때 해결 방법 - Windows 환경에서 Flutter SDK 다운로드가 아래의 이미지와 같이 failed로 표시되어, 다운로드 받을 수 없는 경우에 해결 방법에 대한 포스팅 입니다 - 해결 방법은 간단합니다 한국어 공식 사이트 주소(https://flutter-ko.dev/)가 아닌 영문 사이트로 접속해서 받으시면 됩니다

# UUID를 사용한 고유 아이디 생성 방법 - UUID는 네트워크에서 고유성이 보장되는 ID생성 표준 규약입니다. 본 포스팅에서는 JS용 uuid 라이브러리를 사용해서 uuid를 생성하는 방법을 소개합니다 # 사용방법 - 라이브러리를 설치해 줍니다 yarn add uuid - 아래와 같이 불러와서 고유 아이디를 생성해 줍니다 import { v4 as uuidv4 } from 'uuid'; uuidv4(); # Github Page GitHub - uuidjs/uuid: Generate RFC-compliant UUIDs in JavaScript Generate RFC-compliant UUIDs in JavaScript. Contribute to uuidjs/uuid development by cre..

# DayJS를 사용해서 날짜, 시간 표시하기 - 웹, 또는 앱을 개발하는 과정에서 날짜, 시간을 표시하는 기능은 대부분의 경우에 필요합니다. 그리고 가장 많이 사용되는 라이브러리는 momentjs입니다. 그런데 momentjs는 고도화된 기능들을 많이 제공하기 때문에, 무거운 편입니다. momentjs에서만 제공하는 기능이 필요한 경우에는 당연히 momentjs를 사용하여야 하나, 더 일반적인, 간단한 시간, 날짜를 표현할 때는 가벼운 dayjs 또한 좋은 선택이라고 생각합니다. 본 포스팅에서는 dayjs를 사용한 날짜, 시간 표시 방법을 소개합니다 # 사용방법 - 설치해 줍니다 yarn add dayjs - 기본적인 사용법은 아래와 같습니다 import dayjs from 'dayjs' dayjs()..

# textarea 맞춤법 표시 끄는 방법 - 사용 시, 맞춤법이 틀렸을 경우, 빨간 색 밑 줄이 생기는데 spellCheck 옵션으로 끌 수 있습니다

# react-color 사용방법 - 본 포스팅에서는 사용자에게 깔끔하고 다양한 Color Picker를 제공할 수 있는 React Color 라이브러리를 소개하려고 합니다 # 사용방법 - 라이브러리를 설치해 줍니다 yarn add react-color - 그리고 아래와 같이 원하는 Picker를 추가해주시면 됩니다. import React from 'react'; import { SketchPicker } from 'react-color'; class Component extends React.Component { state = { background: '#fff', }; handleChangeComplete = (color) => { this.setState({ background: color.hex..

# React Flow - react-flow-renderer 사용법 소개 # 사용방법 - 우선 설치를 진행합니다 yarn add react-flow-renderer - 그래프에 포함될 Elements들을 정의합니다. 그리고 애니메이션과 같은 추가 요소들을 정의합니다. data에는 React Component도 포함될 수 있습니다 import React from 'react'; import ReactFlow from 'react-flow-renderer'; const elements = [ { id: '1', type: 'input', data: { label: 'Jake 1' }, position: { x: 250, y: 5 } }, // you can also pass a React Node as a..

# Powershell / Windows Terminal / CMD 명령프롬프트에서 Port를 강제 종료하는 방법 - 다음과 같이 포트가 이미 사용중이어서 강제 종료를 해야 하는 경우가 종종 있습니다 Port 8888 is already in use. - 포트를 강제 종료하기 위해서는 우선 아래의 명령어를 사용해서 포트 정보를 출력합니다 netstat -a -o - 호출된 포트들의 현재 상태 목록이 보이게 됩니다. - 목록에서 종료하고자 하는 포트의 PID를 찾습니다. 그리고 아래의 명령으로 포트 사용을 강제 종료할 수 있습니다 taskkill /f -pid XXXXXXX