meepin Bar3D는 ECharts-GL에서 데이터를 3차원 막대 형태로 시각화하는 대표적인 3D 차트 유형입니다.
recent
Activity는 하나의 \"화면\" 또는 \"페이지\" 단위로 생각할 수 있습니다.
NestJS 프로젝트에서 새 API를 추가할 때 어떤 순서로 보고 수정하는지, 실무에서 자주 보는 흐름만 짧게 정리한 글입니다.
이 챕터는 사용자의 기호에 따라 추가적으로 설정해도 되는 챕터이기 때문에 필수적이진 않습니다.
이 문서는 최신 크로미움 베이스 브라우저의 렌더링 동작 방식을 이해하여 개발 및 퍼포먼스 최적화를 진행하는데 도움이 되기위해 작성되었습니다.
클래스와 인터페이스 관계를 한 장으로 빠르게 다시 보기 위해 옮겨둔 다이어그램 메모입니다.
짧은 수명 브랜치 유지: 브랜치는 가급적 1~2일 이내 머지. 장기간 작업은 분할하거나 main에서 직접 개발.
이 챕터에서는 웹팩에서 CSS 로더를 설정하고 PostCSS와 SCSS 로더를 추가적으로 설정합니다.
아래는 데이터 변환 과정에서 중간에 사용되는 GraphicGL의 역할입니다.
해당 문서는 E2E 코딩 컨벤션을 다루는 문서입니다.
이후 사용자의 기호에 따라 추가적인 컨벤션을 적용할 수 있습니다. EX ) airbnb eslint guide
Stackflow는 Activity 간 전환 시 자동으로 스크롤 위치를 보존합니다. 이는 Stackflow의 내부 구현과 React의 가상 DOM 관리 방식이 결합되어 동작하는 것입니다.
- staged에 파일에 lint, format을 적용할 수 있도록 도와주는 패키지
이 챕터에서는 프로젝트 생성부터 웹팩 기초 세팅 및 타입스크립트 설정 및 디렉토리 구조를 설명합니다.
AGENTS.md 기반 CLI 방식과 LangGraph 오케스트레이션 방식을 실제 운영 관점에서 어떻게 나눠서 볼지 정리한 글입니다.
우리는 타입스크립트에서 제공하는 타입 패턴 매칭 기술을 사용할 수 있는데요, 조건부 타입 (Conditional Type) 과 Infer 기능을 사용해 질문에 대한 답을 명확히 할 수 있습니다.
nextjs 에서 ssr, isr 방식을 올바르게 처리하기 위한 방식과 react 18에서 소개된 suspense 등의 기능 사용 방식을 정리합니다.
기존의 Next.js 에서 사용하던 next-i18n의 경우 Next.js의 버전이 올라가면서 기본적으로 내장되도록 바뀜
OpenID Connect(OIDC)는 OAuth 2.0 프로토콜 위에 구축된 인증 레이어입니다.
- 일관성 있는 코드를 위한 코드 포맷팅 패키지
노드 백엔드로 가기 위해 Q1 시점에 어떤 기술들을 비교했고, 왜 NestJS와 Prisma 쪽으로 마음이 기울었는지 정리한 글입니다.
이 문서는 프로젝트 구축 시 복잡한 상태관리가 필요한 경우 리액트 쿼리의 캐싱 전략에 의한 개발 이슈를 공유하고,
- React components를 위한 Fast Refresh 웹팩 플러그인
해당 문서는windowing[주석 1]기능을 제공하는react-virtualized library를 사용하면서 필요했던 기능인 스크롤 복원과, 유저의 인터랙션 및 기타 상호작용에 의하여 레이아웃이 변경됨에 따라 발생하는 이슈들을 정리하고 해결하는 방법에 초점을 두고 작성되었습니다. 따라
Repo :https://git.hnine.com/rnd_dev/figma-scss-plugin
렌더링 파이프라인 관련 다이어그램만 남아 있던 문서를 다시 볼 수 있게 짧은 설명과 함께 옮긴 글입니다.
이 문서는 SPA로 구현된 웹애플리케이션의 마지막 상태를 복원하는 방법에 대해 초점을 두고 작성한 글입니다.
이 문서는 RTK Query에서 생성해서 제공해주는 React Hooks(use...Query, user..,Mutation)를 사용하는 과정에 반복적으로 발생하는 랜더링 이슈를 파악하고
ECharts Core ↓ EChartsGL (최상위 레이어) ↓ LayerGL (WebGL 렌더링 레이어) ↓ ViewGL (장면, 카메라, 뷰포트 관리) ↓ ClayGL (저수준 WebGL 라이브러리)
웹팩 머지는 단어 그대로 여러 개의 웹팩 설정 파일을 하나로 병합해주는 라이브러리입니다.