[플러터] application/octet-stream type
·
Flutter/Flutter Tech
REST API 사용 시 content-type이라는 property가 존재한다. 말 그대로 데이터와 형식과 관련된 부분이다. 일반적으로는 application/json 타입을 사용하여 json의 형태로 데이터를 주고 받지만, API에 따라 다양한 타입이 요구된다. 위는 N-cloud의 Clova Speech Recognition REST API에서 요구되는 헤더이고, 음성 파일을 텍스트로 번역해주는 API로 파일을 전송한다. 이같이 content-type이 octet-stream인 경우 Flutter에서 request하는 코드는 다음과 같다. import 'package:dio/dio.dart'; import 'dart:io'; void requestSTT(String fileURL) async { R..
[프로젝트] React.TS 암호화폐 정보 사이트
·
Who am I/Portfolio
BITFOLIO Bitfolio bitfolio.me 이전부터 흩어진 데이터를 한 곳에 모아 관리할 수 있는 사이트를 만들고자 했었다. 암호화폐에 관심이 많고 생각보다 많은 정보들이 여기저기 흩어져있어 한번 데이터를 수집해보자는 생각으로 개발하게 되었다. React와 TypeScript를 기반으로 Redux와 MiddleWare를 사용했다. Features ~ 2021.11 시가 총액으로 정렬된 암호화폐 목록 검색 기능 (Trie 알고리즘) TradingView 차트 각 암호화폐 별 채팅방 구글 로그인 / 로그아웃 ~2021.12 오픈 채팅방 관심 암호화폐 기능 암호화폐 목록 정렬 기능 다국가 언어 지원 기능 암호화폐 공포 지수 제공 반응형 UI 적용 각 암호화폐 별 상세 정보 제공 ~2022.04 Ty..
[플러터] ListView 경계선 흐리게 하기
·
Flutter/Flutter Widget Design
ListView를 사용할 때 List가 끝나는 부분의 경계선을 부드럽게 만들어주고 싶을 때가 있다. 반투명을 주어 아래와 같이 자연스럽게 만들어주는 간단한 위젯이 존재한다. ShaderMask ShaderMask( shaderCallback: (Rect bounds) { return LinearGradient( //아래 속성들을 조절하여 원하는 값을 얻을 수 있다. begin: Alignment.center, end: Alignment.topCenter, colors: [ Colors.white, Colors.white.withOpacity(0.02) ], stops: [0.9, 1], tileMode: TileMode.mirror, ).createShader(bounds); }, (child: List..
[Python] 수들의 합 : two pointer
·
Programming/Algorithm
수들의 합 N개의 수로 된 수열 A[1], A[2], …, A[N] 이 있다. 이 수열의 i번째 수부터 j번째 수까지의 합 A[i]+A[i+1]+…+A[j-1]+A[j]가 M이 되는 경우의 수를 구하는 프로그램을 작성하시오. ▣ 입력설명 첫째 줄에 N(1≤N≤10,000), M(1≤M≤300,000,000)이 주어진다. 다음 줄에는 A[1], A[2], …, A[N]이 공백으로 분리되어 주어진다. 각각의 A[x]는 30,000을 넘지 않는 자연수이다. ▣ 출력설명 첫째 줄에 경우의 수를 출력한다. ▣ 입력예제 1 8 3 1 2 1 3 1 1 1 2 ▣ 출력예제 1 5 실패한 풀이 단순 for문과 sum을 사용해서 문제를 풀었으나 시간초과로 실패했다. sum은 O(n)의 시간복잡도를 가지므로 상당히 낭비이..
[React] SASS 기초 문법
·
React/CSS&HTML
sass는 쉽게 말해 css를 확장해주는 라이브러리이다. 설치 $ cd styling-with-sass $ yarn add node-sass //class names 설치 $ yarn add classnames .scss 파일 //변수선언 $blue: #228be6; .Button { display: inline-flex; color: white; font-weight: bold; outline: none; border-radius: 4px; border: none; cursor: pointer; height: 2.25rem; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; background: $blue; // 주석 사용 &:hover { back..