하이브리드앱으로는 다음과 같은 것들이 유명하다. React Native Ionic (Capacitor, Cordova) PWA with Cordova Flutter 이 중 Flutter 와 Ionic 을 추천한다. Ionic 을 사용한다면 React 를 사용할 것이고 Typescript 를 사용할 것인데 웹을 함께 고려하여 만든다면 React Ionic 으로 기술을 통일하여 생산성을 증가 시키는 것도 좋을 것이다. 하지만 기본적으로 Typescript 는 Javascript 에 타입을 만들어 사용하는 것이기에 그러한 부분을 고려하지 않는다면 애초에 타입이 있는 dart 를 사용하는 Flutter 가 나을 수 있다. UI 와 네이티브와 연결하는 메소드 채널 등의 성능이 Flutter 가 뛰어나기도 하다. ..
https://editor.swagger.io/#!/ Swagger Editor editor.swagger.io https://swagger.io/docs/specification/about/ About Swagger Specification | Documentation | Swagger What Is OpenAPI? OpenAPI Specification (formerly Swagger Specification) is an API description format for REST APIs. An OpenAPI file allows you to describe your entire API, including: Available endpoints (/users) and operations on each e..
https://velog.io/@0_0_yoon/GIT-git-commit-message-정리 https://www.ag-grid.com/react-data-grid/value-setters/#read-only-edit/ React Data Grid: Saving Values After editing a cell, the grid normally inserts the new value into your data using the column definition field attribute. Download v28 of the best React Data Grid in the world now. www.ag-grid.com https://www.ag-grid.com/react-data-grid/cell-e..
prettier 와 eslint 를 동시에 사용할 때 prettier 가 && 나 || 를 라인의 끝에 위치시키게 되어서 eslint 에서 operator linebreak 경고 메시지를 내뱉는 경우에 eslint-config-prettier 확장을 사용해서 prettier 와 충돌이 있는 eslint 룰을 꺼주는 방법 외에 이 경고 메시지를 나오지 않게 prettier 측이나 vscode 측 설정으로 해줄 수 있는 방법은 없을까요? https://github.com/prettier/prettier/issues/3806 기본적으로 prettier 의 설정에는 관련 설정이 없다고 하는데.... ESLint는 문법 에러를 잡아주거나 더 좋은 코드 구현 방식을 사용하도록 해주지만, Prettier는 줄 바꿈,..
Dockerfile FROM ubuntu:16.10 MAINTAINER Jack Kim RUN apt-get update && apt-get install -y openssh-server RUN mkdir /var/run/sshd RUN echo 'root:newpassword' | chpasswd RUN sed -i 's/PermitRootLogin prohibit-password/PermitRootLogin yes/' /etc/ssh/sshd_config #SSH login fix. Otherwise user is kiccked off after login RUN sed 's@session\s*required\s*pam_loginuid.so@session optional pam_loginuid.so@..
쓰레드가 없기 때문. 쓰레드가 있었다면 교착상태에 대한 컨트롤이 가능하므로 객체지향적으로 해도되지만 웹브라우저에 쓰레드는 없으니.. 리액트 컴포넌트는 쓰레드가 없어서 선점형 방식으로 개발할 경우 동시다발적 이벤트 및 화면 갱신 그리고 사이드 이펙에서 무결성을 보장하기 힘든 코드가 될 가능성이 높아진다. 클래스 컴포넌트에서 라이프 사이클 메소드에 관련 로직들이 한번에 들어가게 되는데 그렇게 되면 나중에 코드가 난잡해지고 충돌이 일어날 가능성이 높아진다. 함수형 컴포넌트와 훅의 경우 훅은 각각의 상태에 대한 변화 감지를 하고 또한 각 라이프 사이클 메소드라는 개념보다 useEffect 라는 이펙에 중점을 두기 때문에 각 상태와 이벤트들도 각각 독립적으로 컨트롤 할 수 있으며 컴포넌트의 라이프사이클도 이펙 훅..
https://developer.apple.com/documentation/uikit/app_and_environment/managing_your_app_s_life_cycle Apple Developer Documentation developer.apple.com https://developer.android.com/guide/components/activities/activity-lifecycle?hl=ko 활동 수명 주기에 관한 이해 | Android 개발자 | Android Developers 활동은 사용자가 전화 걸기, 사진 찍기, 이메일 보내기 또는 지도 보기와 같은 작업을 하기 위해 상호작용할 수 있는 화면을 제공하는 애플리케이션 구성요소입니다. 각 활동에는 사용자 인터페 developer...
sqflite vs moor vs hive https://blog.codemagic.io/choosing-the-right-database-for-your-flutter-app/ Choosing the right database for your Flutter app | Codemagic Blog There are many Flutter database options. Learn which database is the best for your Flutter app – SQflite, Moor, Firebase or Hive. blog.codemagic.io
https://grow-grow.tistory.com/9 Flutter ListTile 프로퍼티 정리 문서 ListTile 프로퍼티 종류 자주사용하는 프로퍼티들은 제외 const ListTile({ Key? key, this.leading, this.title, this.subtitle, this.trailing, this.isThreeLine = false, this.dense, this.visualDensity, th.. grow-grow.tistory.com
https://api.flutter.dev/flutter/material/ReorderableListView-class.html https://mixable.blog/flutter-add-drag-handle-to-reorderablelistview/ https://medium.flutterdevs.com/reorderable-listview-in-flutter-731324f0677b
현재 프로젝트에 적용하기 위한 ranking 로직으로는 GreenHopper 방식이 적합해보인다. lexoRank 가 좋은 것이긴하지만 너무 복잡하다. 드래그앤드랍 이동이 있으며 모든 관련 Row 를 업데이트 하고 싶지는 않다. 하지만 그래도 거의 무한대의 순서변경이 가능하도록 하기 위해서는 셋오프 값을 좀 크게 잡아주면 될 것이다. 100000000 으로 일억 정도 잡아주면 되지 않을까? 새로 추가될 경우에는 일억, 이억, 삼억, ... 십억, 십일억, .... 100억 기준이 좋을 듯 보인다. https://stackoverflow.com/questions/1848700/biggest-integer-that-can-be-stored-in-a-double 9007199254740992 (90071 / ..
GraphQL 이 유명세를 타면서 이를 실제로 상업적인 서비스에 적용하는 경우가 많은 것으로 보인다. 그런데 이를 사용하면서 뭐가 이상하게 찜찜하게 이건 아닌데... 하는 생각이 든다. 왜지? ... 우선 과거의 rest api 와 rest 스러운 api 를 사용하는 경우와 프론트엔드 측인 mobile application 의 모델의 경우를 보자. 이는 GraphQL 과 Rest api 의 장단점에 대한 것은 아니고 과거 관계형 DB 를 사용하는 경우의 rest api 의 응답을 프론트엔드 측의 모델에 어떻게 서로 간의 규약을 정하여 프론트엔드와 백엔드가 각각 최대한 덜 의존적으로 작업을 지속적으로 할 수 있는가에 대한 고찰을 우선적으로 함으로서 주어진 문제에 대해 접근해 나가기 위함이다. 만약 rest..
https://blog.codemagic.io/environments-in-flutter-with-codemagic-cicd/ https://github.com/codemagic-ci-cd/codemagic-sample-projects/tree/main/flutter/flutter-flavors-demo-project https://medium.com/@animeshjain/build-flavors-in-flutter-android-and-ios-with-different-firebase-projects-per-flavor-27c5c5dac10b https://docs.flutter.dev/perf/app-size#reducing-app-size * Run Debug By default, flutter ..
https://www.youtube.com/watch?v=WlJszSmK_es
Anders Hejlsberg (typescript) https://twitter.com/ahejlsberg?lang=en Javascript https://github.com/dmk3141618/clean-code-javascript-ko vanilla & ES6 & Vue https://joshua1988.github.io/vue-camp/textbook.html Typescript Handbook https://joshua1988.github.io/ts/intro.html Typescript 및 좋은글 많음 https://darrengwon.tistory.com/768 JavaScript Standard Style https://standardjs.com/rules-kokr.html Polyfill..
https://flutter-ko.dev/docs/deployment/android Android 앱 출시 준비하기 Flutter 앱을 개발하는 동안, 커멘드 라인에서의 `flutter run`을 실행하거나IDE에 있는 툴바 **Run** 과 **Debug**를 선택하여 앱을 테스트할 수 있습니다. Flutter는 기본적으로 앱의 _debug_ 버전을 빌드합니 flutter-ko.dev 로컬에서 릴리즈 빌드를 위한 설정. keytool -genkey -v -keystore ~/someapp-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias someapp-release-key flutter run -t lib/main_dev.dart --f..
https://stackoverflow.com/questions/55399209/update-flutter-dependencies-in-pub-cache Update flutter dependencies in /.pub-cache I erased in my folder .pub-cache/hosted/pub.dartlang.org/this_plugin What is the command to update the dependencies inside pubsec.yaml? I believe it is flutter packages get The folder under .... stackoverflow.com
replace는 일반적으로 뭔가 유형의 것을 대신하는, 대신해서 자리를 차지하는 의미가 강하며, supersede는 계약서 계약조건과 같은 무형의 것에 관해서 전에 있던것을 무효화하고 이것으로 대신한다는 의미가 큽니다. 이것과 비슷한 의미로는 override 가 있습니다.
humble, modest : 겸손한 / humble 이 동사로 사용되면 ‘경멸하다’ 라는 뜻. 또한 humble 은 ‘천한’ 이라는 의미도 가짐. 껍질 : husk, shell, skin / shell 은 조개 껍데기 같은거, skin 은 가죽이나 사람피부등, husk 는 말그대로 껍질. leisurely : 여유있는 (리줠리) scoff, ridicule : 비웃다. consist of 는 consisting of , consisted of 등의 형태를 가질 수 있는데 이는 모두 시제만을 반영한다. 수동의 의미로서 ing 와 ed 가 붙는 것이 아니다. comprise 는 타동사로 A comprises B and C 와 같이 사용하며 A 가 B와 C를 포함한다. 즉 B 와 C 로 구성되어 있다라는 의..