meepin activity는 stack으로 쌓인다. 스택은 뒤로가기 할때마다 노출된다.
posts
스펙킷이 뭔지, 왜 쓰는지, 그리고 구현 전에 어떤 흐름으로 문서를 만들고 검토하는지 정리한 글입니다.
웹팩의 기본적인 개념과 리액트 프로젝트의 초기 구성을 정리한 문서입니다.
이 문서에서 컴포넌트의 구성은 기본적으로 ( View Asset Component ) 패턴을 사용함.
antutility type 들을 함수처럼 사용하기 전에 어떻게 제네릭으로 풀어낼 수 있는 지를 고민해보고 해당 타입들에 대한 예제들을 함께 다루면서 공부합니다.
displayFadeMenuHandler=> show 안에 이벤트와 메뉴 아이디를 넣어 호출함, 사용하는곳에 onClick으로 지정
많은 개발자들이 css next 또는 css modules을 사용하고 있습니다. 그러나 리액트에서 css modules을 classname 속성과 함께 사용하는것은 조금 어려울수도 있습니다. 근본적으로 css modules은 name mangling으로 구현되어있습니다.
FC와 VFC 및 PropswithChildren 정도를 다뤄보고 이후에 이러한 컨벤션을 적용한 인터페이스를 설계하는 방법을 같이 공부합니다.
Generic은 재사용을 목적으로 함수나 클래스의 선언 시점이 아닌,사용 시점에 타입을 선언할 수 있는 방법을 제공
4.1 스타일 vs 컴포넌트 분리 체크리스트
Stackflow는 메모리 관리와 성능을 고려한 구조이긴 하지만, 너무 많은 activity를 stack에 쌓는다면 다음과 같은성능 문제가 발생할 수 있습니다:
1.Bottom Menu(Tab) 간 이동 → 애니메이션 없음
Spec Kit을 코덱스 CLI 기준으로 설치하고 프로젝트에 붙일 때, 실제로 막히는 부분만 짧게 정리한 글입니다.
웹팩 머지는 단어 그대로 여러 개의 웹팩 설정 파일을 하나로 병합해주는 라이브러리입니다.
ECharts Core ↓ EChartsGL (최상위 레이어) ↓ LayerGL (WebGL 렌더링 레이어) ↓ ViewGL (장면, 카메라, 뷰포트 관리) ↓ ClayGL (저수준 WebGL 라이브러리)
이 문서는 RTK Query에서 생성해서 제공해주는 React Hooks(use...Query, user..,Mutation)를 사용하는 과정에 반복적으로 발생하는 랜더링 이슈를 파악하고
이 문서는 SPA로 구현된 웹애플리케이션의 마지막 상태를 복원하는 방법에 대해 초점을 두고 작성한 글입니다.
렌더링 파이프라인 관련 다이어그램만 남아 있던 문서를 다시 볼 수 있게 짧은 설명과 함께 옮긴 글입니다.
Repo :https://git.hnine.com/rnd_dev/figma-scss-plugin
해당 문서는windowing[주석 1]기능을 제공하는react-virtualized library를 사용하면서 필요했던 기능인 스크롤 복원과, 유저의 인터랙션 및 기타 상호작용에 의하여 레이아웃이 변경됨에 따라 발생하는 이슈들을 정리하고 해결하는 방법에 초점을 두고 작성되었습니다. 따라
- React components를 위한 Fast Refresh 웹팩 플러그인
이 문서는 프로젝트 구축 시 복잡한 상태관리가 필요한 경우 리액트 쿼리의 캐싱 전략에 의한 개발 이슈를 공유하고,
노드 백엔드로 가기 위해 Q1 시점에 어떤 기술들을 비교했고, 왜 NestJS와 Prisma 쪽으로 마음이 기울었는지 정리한 글입니다.
- 일관성 있는 코드를 위한 코드 포맷팅 패키지
OpenID Connect(OIDC)는 OAuth 2.0 프로토콜 위에 구축된 인증 레이어입니다.
기존의 Next.js 에서 사용하던 next-i18n의 경우 Next.js의 버전이 올라가면서 기본적으로 내장되도록 바뀜
nextjs 에서 ssr, isr 방식을 올바르게 처리하기 위한 방식과 react 18에서 소개된 suspense 등의 기능 사용 방식을 정리합니다.
우리는 타입스크립트에서 제공하는 타입 패턴 매칭 기술을 사용할 수 있는데요, 조건부 타입 (Conditional Type) 과 Infer 기능을 사용해 질문에 대한 답을 명확히 할 수 있습니다.
AGENTS.md 기반 CLI 방식과 LangGraph 오케스트레이션 방식을 실제 운영 관점에서 어떻게 나눠서 볼지 정리한 글입니다.
이 챕터에서는 프로젝트 생성부터 웹팩 기초 세팅 및 타입스크립트 설정 및 디렉토리 구조를 설명합니다.