[TECH-QA] Docker-compose

Docker Compose는 여러 개의 Docker 컨테이너를 하나의 애플리케이션처럼 쉽게 정의하고, 실행하고, 관리할 수 있게 해주는 도구입니다. 한 마디로 요약하면 → “여러 컨테이너를 yaml 파일 한 장으로 묶어서 한 번에 띄우고 내리는 편리한 방법”

2 months ago Docker

[TECH-QA] ?? (Nullish Coalescing Operator)와 !! (이중 부정 연산자)

?? (Nullish Coalescing Operator)와 !! (이중 부정 연산자)는 JavaScript에서 완전히 다른 목적으로 사용되는 연산자입니다.

3 months ago Javascript

[TECH-QA] Lodash compact 함수

compact 함수는 배열에서 falsy 값(null, undefined, false, 0, '', NaN 등)을 제거하여 유효한 객체만 포함하는 새로운 배열을 반환하는 유틸리티 함수입니다. 이는 배열을 정리하거나 필터링할 때 사용됩니다.

3 months ago Javascript

[TECH-QA] ES6+에서 _.omit, _.pick, 객체 디스트럭처링(...rest)

odash에서 _.omit과 _.pick은 객체에서 특정 속성을 필터링할 때 사용하는 유틸리티 함수로, 비슷한 목적을 가지지만 동작 방식이 반대입니다. 아래에 차이점을 간단히 설명합니다.

3 months ago Javascript

[TECH-QA] class-variance-authority 라이브러리

CVA는 JavaScript/TypeScript 기반의 오픈소스 라이브러리로, CSS 클래스 이름을 조건에 따라 체계적으로 관리하고 컴포넌트의 다양한 스타일 변형(variants)을 쉽게 정의할 수 있도록 도와줍니다. 특히 Tailwind CSS와 같은 유틸리티 퍼스트 CSS 프레임워크와 함께 사용될 때 유용하며, React, Vue, Angular 등 다양한 프레임워크와 호환됩니다.

3 months ago Javascript

[TECH-QA] React에서 SVG 아이콘 다루기: 실용적인 예제와 팁

React에서 ref를 부모 컴포넌트에서 생성하여 자식 컴포넌트(예: _Icon)에 전달하고, 이를 통해 SVG와 같은 DOM 요소에 직접 접근하는 이유와 용도를 간단히 설명하겠습니다.

3 months ago Javascript

[TECH-QA] Google Analytics(GA), Google Ads

[TECH-QA] Docker-compose

[TECH-QA] createQueryKeys

[TECH-QA] 리베이스 (rebase 중 충돌)

[TECH-QA] ?? (Nullish Coalescing Operator)와 !! (이중 부정 연산자)

[TECH-QA] ?? (Nullish Coalescing Operator)와 !! (이중 부정 연산자)

[TECH-QA] Lodash compact 함수

[TECH-QA] ES6+에서 _.omit, _.pick, 객체 디스트럭처링(...rest)

[TECH-QA] class-variance-authority 라이브러리

[TECH-QA] React에서 SVG 아이콘 다루기: 실용적인 예제와 팁