menu.posts
menu.til
menu.portfolio
와일드카드 문자를 사용해서 다수 파일 집합 지정하는 방식의 glob pattern, 다중 터미널 창 tmux
최근 리액트 트랜드와 AWS 관련 세션을 들으면서 알게된 것 정리
ci, da, ysiw
특정 타입을 만족하는지 검증과 함께 객체 속성 타입을 구체적으로 추론하는 satisfies 연산자
Retrieval-Augmented Generation
ts-patern 간단 예시 및 정리
퍼지 검색 용어 정리
Jade, Monkey Patching 간단 용어 정리
중재자 패턴 공부한 것 가볍게 정리
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