B41 TIL Blog

타입 표명, 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 ...

함수형 프로그래밍

함수형 자바스크립트 책 읽으면서 정리하기 함수를 쓴다고 함수형 프로그래밍은 아니다. 함수를 통해 데이터 흐름 제어와 연산을 추상할 수 있게 구현 사이드 이펙트(부수효과)를 방지하고 상태 변이를 감소(Immutableity)시킴 함수형 프로그래밍은 선언적(declarative) 프로그래밍 ...

웹에서 Apple 로그인 흐름 (백엔드와 함께)

들어가기 이전에도 애플 로그인을 구현할 때 세팅하는 부분 때문에 애를 먹었지만, 이번에 다시 애플 로그인을 구현하면서 문제가 발생 문제는 기존 애플 로그인에서 사용하던 서비스 아이디 세팅 그대로 기존과 다른 서버의 API에 애플 로그인 결과 토큰을 보냈더니 에러 발생. 그 서버에서 사용하는 애플 로그인 세팅으로 바꾼 후 URI, Redi...

Object에 특정 항목 삭제하기 (+destructuring)

문제 key a는 1, key b는 2, key c는 3… 이렇게 많은 숫자가 연속적으로 커지는 객체가 있다고 생각해보자 여기에서 key a, b 부분을 빼고 나머지 값만 있는 객체를 새로 하나 만들고 싶다 그럼 어떻게 하면 좋을까? 라는 문제에 답변을 못해서 정리… 먼저 mdn에서 살펴보기 delete라는 연산자가 있...

Array.reduce() 활용하기

들어가기 회사에서 프로젝트를 진행하면서 Array.map()을 주로 사용하고 있다. 다른 개발자 분께서 Array.reduce()를 많이 쓴다고 하시는 걸 들었는데, 보통 누적 값의 합을 계산할 때 쓰는게 아닌가? 라고 생각하다 다른 여러 활용 방안이 있다는 것을 알게 되었다! 정리하자! +_+ 먼저 Array.reduce() m...

Next.js 13 새로운 점!

Next.js 13 새로운 점! 들어가기 Next.js 13이 새로 발표되었다! (는 이야기를 CTO님께 전해 들었다.) 간단하게 바뀐 점을 확인! app/ 디렉토리 기존 Next.js에서는 pages/폴더를 통해 간단하게 라우팅을 할 수 있었다. 새로운 13버전에서는 app/폴더를 같이 사용할 수 있다. (베타 버전) ...