[React] 리액트를 처음부터 배워보자. — 03. 다시 돌아와서 리액트는 뭘까?

리액트의 내부 코드를 살짝(?) 살펴보았다. 그럼 다시 돌아와서 리액트는 뭘까?

[React] 리액트를 처음부터 배워보자. — 02. 클래스형 컴포넌트는 어떻게 해서 상태를 갖는가? 함수형 컴포넌트는 왜 자체 상태를 가질 수 없을까?

리액트가 클래스형 컴포넌트와 함수형 컴포넌트를 어떻게 구분하는지, 그리고 어떻게 해당 컴포넌트를 스케줄링 하는지 간략하게 그 외관만 살펴보았다. 그러면 내부적으로 컴포넌트의 상태는 어떻게 관리할 수 있는걸까??

[React] 리액트를 처음부터 배워보자. — 01. React.createElement와 React.Component 그리고 ReactDOM.render의 동작 원리

최근 리액트 렌더링 효율에 관심을 갖게되면서, 소스코드를 조금씩 파악하고 있습니다. 리액트를 처음 부터 다시 시작해보면서 그 내부 동작 과정은 어떻게 되어 있는지, 언제 어떻게 실행되는지 공식 문서와 실제 코드를 바탕으로 다시 공부해보도록 합니다.

신입 프론트엔드 개발자 입장에서 생각하는 클린 코드 - 1

성숙한 개발자가 되기 위한 덕목 중 하나인 클린 코드, 신입 입장에서 이해한 클린 코드란? 프론트엔드 입장에서 클린 코드를 어떻게 적용할 수 있을지에 대한 고찰

왜 setState는 side effect를 야기할까?

함수형 컴포넌트에서 그림자와 같이 사용되는 useState훅의 setState는 어째서 sideEffect를 야기하는 함수로 취급되는것일까? 그 내부 이야기를 살펴 보자

useEffect / 나는 과연 잘 쓰고 있었던걸까?

useEffect의 라이프 사이클을 알아보고 useEffect 훅이 무엇인지, 언제 어떻게 실행되는지 공식 문서를 바탕으로 다시 공부해보도록 합니다.

React 개발 블로그 배포기 (Feat.GitHub Pages) - 3: 동적 경로에 대한 404 에러 처리

CSR 방식에서 SSR 방식(정확히는 SSG)로 변경하면서 좌충우돌 겪었던 히스토리를 정리합니다.

React 개발 블로그 배포기 (Feat.GitHub Pages) - 2: 프레임워크 없이 순수 React로 서버사이드 렌더링(SSG) 방식으로 변경하기

CSR 방식에서 SSR 방식(정확히는 SSG)로 변경하면서 좌충우돌 겪었던 히스토리를 정리합니다.

React 개발 블로그 배포기 (Feat.GitHub Pages) - 1

개발한 React 환경의 개발 블로그를 GitHub Pages로 배포 과정을 정리합니다.

(번역) React에서 UI와 로직 분리하기:헤드리스 컴포넌트를 사용한 클린 코드 접근법

프런트엔드 개발 영역에서는 용어와 패러다임이 때로는 이해하기 어려울 수 있으며 '헤드리스 UI' 또는 '헤드리스 컴포넌트'도 이 범주에 속할 수 있습니다. 이러한 용어들이 무엇을 의미하는지 궁금해서 고개를 갸웃거리고, 혼자만 그런 것이 아닙니다. 사실, 혼란스러운 `이름`에도 불구하고 이러한 개념들은 복잡한 사용자 인터페이스 관리를 상당히 단순화할 수 있는 매력적인 전략입니다. 헤드리스 컴포넌트는 난해해 보일 수 있지만, 그 진정한 힘은 유연성, 재사용 가능성, 그리고 코드베이스의 구성과 깔끔함을 향상시킬 수 있는 능력에 있습니다. 이 글에서는 이 패턴이 정확히 무엇인지, 왜 유용한지, 그리고 인터페이스 디자인에 대한 접근 방식을 어떻게 혁신할 수 있는지에 대해 탐구해 볼 것입니다.