https://www.acmicpc.net/problem/10828해당 문제를 푸는데, 구현에 이상이 없는데 시간 초과로 오답이 나타나는 현상이 있었다.원인은 반복문에서 매 입력시 마다 console.log()를 사용하였는데,console.log() 는 디버깅

Nest JS로 만든 토이 프로젝트를 (돈을 아끼고자..) AWS EC2 프리티어를 이용해서 배포하려 하였는데,프리티어에서 제공하는 EC2 인스턴스인 t2 micro에서Nest JS + mariaDB + nginx를 docker compose를 이용해서 여러 컨테이너로

NestJS와 TypeORM 을 사용하여 사이드 프로젝트 진행 중서울 시간대로 Timezone 세팅이 필요하여 진행해봤습니다기본 세팅으로 new Date() 함수 등을 실행하면 UTC 기준으로 date가 적용됩니다.많은 세팅 없이 환경 변수에 타임존을 설정 해주면 됩니

Styled Components 를 사용하여 모달을 직접 구현해볼 상황이 생겨서 직접 구현해보고 정리해보았습니다.

Storybook이란? Storybook은 컴포넌트 단위의 UI 개발 환경을 지원하는 도구입니다. Storybook을 사용하면 실제 웹 어플리케이션의 환경과 별개로 컴포넌트 단위의 UI 개발 진행이 가능합니다. 그 외에도 컴포넌트의 문서화 도구로도 사용이 가능합

Typescript 에서의 enum 저는 타입스크립트에서 enum을 사용할 때 아래와 같이 enum value에 다른 값을 매핑하여 자주 사용하였습니다. dart 에서의 enum dart 에서는 이와 같은 문법을 지원하지 않습니다. typescript의 에제처럼

플러터 프로젝트의 test coverage를 체크하기 위해서는 우선 해당 명령어로 커버리지 파일을 생성해야 합니다.유닛 테스트를 진행하고 해당 테스트를 토대로 lcov.info 파일이 생성됩니다.해당 파일에서도 커버리지 정보를 확인할 수 있지만,genhtml을 이용하면

Github Action은 Github Repositry를 기반으로 Workflow를 자동화 할 수 있는 도구입니다.간단하게 말해서 Github에서 직접 제공하는 CI/CD 도구라고 할 수 있습니다.이번에는 Flutter 프로젝트에 적용하기 위해Github Action

전역 상태 관리를 위한 패턴의 하나로관심사의 분리(비즈니스 로직과 UI 부분의 분리) 및 상태 데이터를 전역적으로 관리가 가능하고,Flutter 에서 권장되는 또 다른 패턴인 BLoC Pattern에 비해서 적은 코드로 간단하게 구현이 가능합니다.Provider Pac

생성일: 2021년 5월 6일 오후 7:38업데이트됨: 2021년 5월 6일 오후 8:16Flutter Version Management의 약자로 Flutter SDK 버전을프로젝트 별로 다르게 적용할 수 있게끔 도와주는 라이브러리입니다.공식 레포지토리Flutter S

React Query 패키지와 http 통신을 위한 axios 패키지를 설치합니다.react-query를 사용 하기 위해선 우선 사용하고자 하는 컴포넌트를QueryClientProvider 컴포넌트로 감싸주고 QueryClient 값을 Props로 넣어줘야 합니다.앱

Text 위젯에 바로 적용할 수 있는 방법으로는Text 위젯의 textScaleFactor 옵션을 이용하면 된다.혹은 앱 전체에 적용을 원한다면MaterialApp의 builder parameter를 이용해서MediaQuery 위젯의 textScaleFactor 설정을

기본적인 리스트 위젯인 ListView 위젯과CustomScroolView 를 이용하여iOS와 안드로이드 플랫폼 별로 로딩 인디케이터를 구별해주는 위젯사용시에는 아이템 갯수와 onRefresh 함수,builder parameter 로 사용 가능

Flutter null safety migrate > *Flutter 2.0이 릴리즈 되면서 dart 2.12 버전이 적용되어 dart에 null safety가 적용되었습니다. null safety에 관한건 공식문서를 참고하시고, 이 포스트에서는 마이그레이션 방법만

필요한 패키지들을 pubspec.yaml에 추가합니다.더미 데이터를 제공해 주는 jsonplaceholder를 이용해서 데이터를 받아옵니다.posts api에서 start 값과 limit 값으로 post 데이터의 개수가 지정이 가능하며, 최대 100개까지의 데이터만 넘

CredentialState와 Credential은 모두 Equatable 을 상속받는 클래스이벤트를 호출하는 함수버튼 클릭 시 해당 함수를 호출CredentialBloc 클래스의 mapEventToState 함수에서 getCredentials 이벤트가 들어오면 서버에

객체 간 비교를 간편하게 해주는 flutter 패키지BLoC 에서 새로운 데이터를 받아 올 때 객체를 생성하면 새로운 인스턴스를 생성하여 이전값과 동일한 객체인지 비교가 불가능하여 State가 바뀌고 BlocBuilder에서 builder가 호출 되기때문에 이전값과의

새로운 State를 전달 받았을 때 builder를 호출하여 widget을 변경합니다.StreamBuilder, FutureBuild와 유사한 역할입니다.buildWhen 속성을 이용하여 이전 BLoC의 State와 현재 BLoC의 State를 가져올 수 있고 bool

BLoC Pattern을 구현하는 데 도움이 되는 패키지입니다.BLoC 의 이벤트 정의, 상태 변화를 관찰하는 클래스 등 BLoC Pattern으로 구성할때 사용 가능한 기능들을 미리 구현해 두었습니다.관련 문서패키지 주소공식 문서(https://bloclib

ReactiveX API를 Dart에서 사용할 수 있게 구현한 패키지Stream을 사용하기 용이하게 확장합니다.예시코드int 형태의 count를 state로 가지는 CounterBloc 클래스초깃값과 해당 Bloc의 상태를 변화하는 함수 등을 정의합니다.Behavior