· software
React의 동적 측면 마스터하기: State, Events, and Conditional Rendering! (React Day 3)
안녕, React 모험가들! Day 2에서 JSX, components, props를 마스터하고 다시 찾아왔나요? 멋져요—이제 인터랙티브를 추가할 준비가 되었군요! 오늘은 state를 다룰 거예요.
-
- · software
🚨 React 재렌더링 방법: 레퍼런스가 중요!
변형 메서드는 참조를 변경하지 않습니다. 이러한 메서드들은 메모리 내 동일한 배열/객체를 수정하므로 React 상태에 직접 사용하면 재렌더링이 트리거되지 않을 수 있습니다.
- · software
오늘 나는 커스텀 훅을 진정으로 이해했다 (그리고 직접 만들어봤다)
오늘은 달랐어요. 새로운 React 기능을 배운 것 때문이 아니라, 코드 구조에 대한 사고 방식을 한 단계 끌어올렸기 때문이에요. 저는 단순히 components를 작성한 것이 아니라—
- · software
Angular Signals vs Observables — 내가 실제로 배운 것
Angular가 Signals를 도입했을 때, 커뮤니티의 반응은 즉각적이었습니다—흥분한 사람도 있고, 혼란스러워하는 사람도 있었으며, 몇몇은 RxJS가 사라질 것이라고 생각했습니다. 우리 이후에…
- · software
Combine #15: SwiftUI에서 Combine 사용하기 (1)
SwiftUI vs. UIKit: 상태, @State 및 ObservableObject SwiftUI에서는 화면에 표시되는 사용자 인터페이스가 상태에서 파생된 함수이다.
- · software
대규모 React Native 앱에서 클라이언트 측 엔터티 정규화가 실제로 필요해지는 경우
배경: 지난 몇 년 동안 여러 React Native 프로젝트—다양한 제품, 다양한 팀—에서 작업하면서 매우 유사한 증상을 계속 겪었습니다.
- · software
useSyncExternalStore: React와 localStorage를 동기화하는 올바른 방법
소개: React 18은 대부분의 개발자가 직접 사용하지 않지만 거의 모든 최신 상태 라이브러리가 의존하는 low‑level hook인 useSyncExternalStore를 도입했습니다.
- · software
React는 어려운 부분이 아니라, 변화를 위한 설계가 어렵다
소개 대부분의 React 튜토리얼은 훅을 사용하는 방법을 가르칩니다. React에서 사고하는 방법을 가르치는 튜토리얼은 적습니다. 실제 세계의 React 애플리케이션을 구축하고 유지보수한 후…
- · software
Dependency Tracking 기본 (I)
Dependency Tracking이란 무엇인가? Dependency Tracking은 데이터를 조각들 간의 관계를 자동으로 수집하고 기록하는 기술입니다. It allows the sy...
- · software
대규모 환경에서 React 아키텍처 재고: Hooks에서 Remote Contexts까지
대규모 React 애플리케이션의 현실 현대 React 시스템은 종종 다음으로 구성됩니다: - 다중 마이크로‑프런트엔드 - 독립적인 빌드 및 배포 파이프라인 - ...
- · software
ReactJS 디자인 패턴 ~State Machine Pattern~
개요: State Machine Pattern은 React 코드베이스를 읽기 쉽고, 유지보수가 용이하며, 생산성을 높게 유지하도록 돕습니다. 여러 개의 boolean 상태 변수를 뒤섞어 관리하는 대신, a...
- · software
ReactJS 디자인 패턴 ~State 동시 배치~
Collocating State는 상태를 사용되는 위치에 최대한 가깝게 배치하는 것입니다. 이 패턴은 복잡성을 줄이고 컴포넌트를 더 쉽게 이해할 수 있게 합니다. Before...