Posts

All the articles I've posted.

• React의 진짜 반응성 - 35줄 코드로 Context API의 함정 넘어서기

  Published:2025년 7월 13일 |  at 오전 07:48

  React의 반응성은 정말 어려운 걸까요? Context API가 왜 불필요한 리렌더링을 유발하는지, 그리고 단 35줄의 코드로 Zustand와 같은 선택자 기반의 진정한 반응성을 구현하는 방법을 알아봅니다.

• React와 함수형 프로그래밍 - 더 나은 코드를 위한 핵심 원칙

  Published:2025년 7월 12일 |  at 오후 09:41

  React는 단순한 라이브러리가 아니라 사고방식입니다. 순수 함수, 불변성, 고차 컴포넌트, 컴포지션 등 함수형 프로그래밍의 핵심 원칙들이 어떻게 React를 더 예측 가능하고 강력하게 만드는지 깊이 있게 탐구합니다.

• React와 React-DOM의 아키텍처 - 뇌와 손은 어떻게 분리되었나?

  Published:2025년 7월 12일 |  at 오후 08:54

  React가 왜 react와 react-dom 두 개의 패키지로 나뉘어 있는지, 그 심오한 설계 철학을 알아봅니다. 뇌 역할을 하는 React와 손 역할을 하는 React-DOM의 관계를 통해, 플랫폼에 구애받지 않는 React의 이식성과 미래를 탐구합니다.

• React Element 완전 정복 - 컴포넌트와 인스턴스는 무엇이 다른가?

  Published:2025년 7월 11일 |  at 오후 08:51

  React의 가장 작은 벽돌, React Element의 모든 것을 알아봅니다. JSX가 어떻게 평범한 자바스크립트 객체로 변환되는지, 그리고 재조정(Reconciliation) 과정에서 엘리먼트와 key가 어떻게 동작하는지 깊이 있게 탐구합니다.

• React 개발자 레벨업 - 명령형 vs 선언형, 당신은 어떻게 코딩하고 있나요?

  Published:2025년 7월 10일 |  at 오후 08:48

  더 나은 React 개발자가 되기 위한 필수 개념, 명령형과 선언형 프로그래밍을 알아봅니다. React가 왜 선언형 패러다임을 선택했는지, 그리고 언제 명령형 접근이 필요한지 useRef 예제와 함께 깊이 있게 탐구합니다.

• CORS 에러, 더 이상 두렵지 않다 (완전 정복 가이드)

  Published:2025년 7월 9일 |  at 오후 08:43

  Cross-Origin Request Blocked 에러의 정체는 무엇일까요? 웹 보안의 핵심인 동일 출처 정책부터 CORS 헤더, 프리플라이트 요청의 흐름, 그리고 흔한 에러 해결법까지, CORS의 모든 것을 알아봅니다.

• React 18의 숨겨진 보석, useSyncExternalStore 완벽 가이드 (feat. LocalStorage)

  Published:2025년 7월 8일 |  at 오후 08:51

  React의 상태 찢어짐(tearing) 문제는 무엇이며, React 18의 useSyncExternalStore 훅이 이 문제를 어떻게 해결하는지 알아봅니다. LocalStorage와 연동하여 여러 브라우저 탭 간에 상태를 동기화하는 실용적인 예제를 통해 완벽하게 마스터해 보세요.

• 안녕하세요? 주인장입니다.

  Published:2024년 2월 13일 |  at 오후 08:51

  코딩 관련 정보를 공유코자 여러 사이트르 만들었습니다.