B41 TIL Blog

prevent app freezes when use JSON.parse

use JSON.parse Parse json to an object or value. but, Sometimes value to pars is not json. so, JSON.parse code causes error Use try catch to prevent apps from stopping at that time. exa...

type of R.compose

Type of R.compose Type declaration is Union type. The first is the input value (argument). From the second, specify the type in the order of function 1 and function 2 (function 1, 2 is retu...

String.prototype.padStart(), object key에 변수 넣기

String.prototype.padStart() - 문자열 시작을 다른 문자열로 채워서 정해진 길이를 만족하는 새로운 문자열 반환 - `String.podStart(문자길이(number), 채울 문자(string)` - 예) ``` const three = '3'; const hour = three.padSta...

useWorker() - React 밖에서 따로 코드를 실행

Web Woker - Web Worker는 브라우저에서 JavaScript 코드를 별도의 스레드에서 실행할 수 있도록 해주는 기술. [mdn using web wokers Link](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) useWorke...

Promise.race(), Promise.allSettled(), Iterable

들어가기 - 익숙하지 않았던 Promise 메서드 둘과 Iterable Promise.race() - parameter로 iterable이 들어감 - iterable 안에 있는 Promise 중에 가장 먼저 완료된 것을 실행 혹은 거부 함. Promise.allSettled() - parameter로 iterabled이 들어감 - iter...

타입 표명, prettier 설정 있는 곳만 적용하기

들어가기 타입스크립트에서 as를 사용하는 경우가 가끔 있었는데 어떻게 부르는 지는 몰랐다. 간단 정리… 가끔 prettier 설정이 안 되어 있는 프로젝트에서 나의 vscode prettier 익스텐션 때문에 PR올릴 때 코드 스타일이 달라지는 경우가 있었다.. 이것도 정리.. 타입 표명 as는 assertion이라고 읽음. ...

Conventional Commit, Variable Name Case (변수명 케이스), Array.isArray()

들어가기 예전에 커밋 컨벤션에 대해서 정리한 적이 있었다. 사실 그때 chore에 대해서 시스템적인 작업을 할 때 쓴다고 생각을 했다. 하지만 chore의 뜻은 잡일이므로 파일을 삭제하거나, 그 외의 기타 작업할 때 사용한다. 느낌으로 알 때와 달랐던 커밋 컨벤션, 사이트에서 다시 봤다. (Conventional Commit) C...

Nullish Coalescing operator (??) & Falsy

들어가기 물음표 두 개를 사용하는 Nullish coalescing operator(널 병합 연산자) Falsy (거짓같은 값) 전자는 모르고 있었고 후자는 단어를 모르고 있었다. 정리하자 Nullish coalescing operator (null 병합 연산자) const check = 0 ?? 7이라면 result는 ‘...

회고 방법들... (난 5F로)

들어가기 이전 회사에서 PL께서 애자일 방식으로 프로젝트를 진행해 주셔서 첫 직장부터 배운 점이 많았는데 그 중에 특히 회고 부분이 아주 마음에 들었다. 상황에 따라서 KPT, 4L 방법으로 나눠서 회고를 진행했었고, 검색해보니 애자일의 다른 회고 방식도 많이 있었다. 매주 시작할 때마다 Notion에 할 일을 써 놓고 체크하며 진행하고...

i18n 다국어 로케일 파일 관리하는 방법

들어가기 en/common.json처럼 json파일로 보통 관리를 하는데 언어 별로 추가되는 내용이 있을 때마다 관리하기가 복잡하다. 그래서 다른 사람들은 어떻게 해결하고 있는지 인터넷을 통해서 찾아 보았다. 방법들 언어팩 관리 프로그램 사용 (윈도우) https://bemeal2.tistory.com/261 ...