Today I Learned

특정 타입을 만족하는지 검증과 함께 객체 속성 타입을 구체적으로 추론하는 satisfies 연산자

Retrieval-Augmented Generation

ts-patern 간단 예시 및 정리

퍼지 검색 용어 정리

Jade, Monkey Patching 간단 용어 정리

중재자 패턴 공부한 것 가볍게 정리

prevent app freezes when use JSON.parse

type of R.compose

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

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

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

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

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

Nullish Coalescing operator (??) & Falsy

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

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

함수형 프로그래밍

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

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

Array.reduce() 활용하기

Next.js 13 새로운 점!

이미 올려버린 커밋 작성자 바꾸기, safari에서 `overflow:hidden`이 적용되지 않는 현상...

git 브랜치 관리할 때 merge와 rebase의 차이

경로에 따라 움직이는 애니메이션 구현

JSDoc

[JavaScript] Array 역순으로 출력하기 (Array.reverse)

ROI(Return On Investment), git flow가 안 좋다는 글을 읽고...

[JavaScript] array.splice(), RTK Query 자동 리패칭

[RTK Query] Mutation과 캐싱(Caching)

[TypeScript] React SetState Prop으로 넘길 때 Type 정의하기

로띠(Lotte) - 코드로 삽입하는 애니메이션

Node 버전 관리하기 (NVM)

Windows에서 리눅스 - WSL, 도메인 주도 설계 - DDD

[JavaScript] 소문자로 변환 - String.prototype.toLowerCase()

Object.keys() - 객체 key를 배열로

다이나믹 서브셋

preflight

어뷰징, 리프레시 토큰, Redis

Next Auth로 소셜 로그인 구현

React Helmet

Geolocation API - 위치 정보 받아오기

[고민] 타입스크립트에서 타입이 정확한 경우 지정하지 않는 것이 맞는가?

[Node.js]Event emitter

[React 18] useTransition

특정 커밋을 돌릴 때 reset을 쓸까? revert를 쓸까?

쿠키와 document.cookie

Github Actions - 자동 배포~!

CI/CD - 자동 배포

모노레포 - 한 저장소에서 여러 작업들을 패키지로 관리하기

No Install로 Node 사용 - Yarn Berry

Strapi 설치 및 Heroku 배포

Nano ID, Object.values()

라이센스 선택하기, 아스키 코드로 영문자 쓰기, 옵셔널 체이닝이 뭐였지?, immer, a11y lint, Faker

Github 개인 저장소를 팀 저장소로 옮기기, Docker로 github repository 관리

use-Gesture, react-spring

react bootstrap table2 - 테이블 라이브러리

react-slick, 함수 호출하기 ``, array.split(), 정규 표현식

변수명 짓기

Thymeleaf, [Ant Design] 카드와 버튼 컴포넌트

React Event Handler의 이름 짓기, day.js, [TypeScript] prop 타입 정의하기

[Ant Design] useBreakpoint, Sider 옵션

react-intl, next-i18next, next-compose-plugins

reduce, Postman, Swagger, Sequelize, Chart.js

JWT, dooboo-cli, strapi, less.js ElectronJS

Compound Component Design Pattern 외 기타 용어

GNB, LNB, SNB, FNB란?

React Native가 React와 다른 점

리엑트 네이티브 장단점, Expo를 사용한 세팅 방법

Vite - 빠른 번들러

구문 오류, 논리 오류, 실행 오류

파일명 컨벤션 Git 대소문자 오류 처리

Vim - visual mode

템플릿 리터럴

이분 탐색(Binary Search)

React Router v6에 변경점

Hateoas

타입 단언 as(복습), as const, 상수와 리터럴

Object freeze(), seal()

Container & Presentational Component Pattern

배열 필터링 - array.prototype.filter()

객체를 배열로 - Object.entries()

RTK Query(리덕스 툴킷 쿼리)

Jest 스냅샷(Snapshot) 테스트

e2e 테스트 - Cypress

[Sass] Mixin과 %

WebGL과 three.js

그리드 시스템 (Grid System)

디자인 시스템 - Storybook(스토리북)

JavaSciprt - BigInt

Mutable과 Immutable

선언형 코드와 명령형 코드, SVG 파일을 HTML에서 다루기

TypeScript에서 인터페이스(Interface)와 타입 앨리어스(Type Aliases)의 차이

HTTP 메서드 Put과 Patch의 차이

Redux와 React Context API의 차이

Styled-Components에 스타일린트(stylelint) 적용하기

콘솔창 예쁘게 꾸미기

JavaScript에서 소수점을 더했을 때 값이 이상하다? (220318 업데이트)

HTTP란?

Zustand - 상태관리 라이브러리

컴파일과 런타임의 차이

PWA, MVC 패턴

호출 스택과 이벤트 루프

엔티티 코드(Entity Code)

클로저(Closure)

React 재조정(Reconciliation)과 key, DIFF 알고리즘

Pseudo Element, Iass, Pass, Sass

Firebase - Firestore Database 가져오기, 쓰기

'플래닝 포커'로 프로젝트 예상 시간 계산하기

Next.js - getStaticProps 정적 페이지 생성

instanceof, DOM

Bubbling 방지하기와 주의점, Jest Unit Test

debouncing & throttling

Git Flow 모델

repeat, TypeScript Narrowing,

220224,220225 - ClipBoard, React-Router v6

CORS, 브라우저 렌더링, REST란?

크로스 브라우징과 JQuery

git revert, reset, web

pre태그, fit-content

Debounce, MUI 사용법

Next, Atomic 디자인 패턴, 라이브러리 사용

Next, Styled Component, TypeScript