React를 실행시키면 브라우저에 index.html을 보내는데, 이 html은 비어있고, js코드로 화면을 그린다. React에서 컴포넌트에 html처럼 생긴 코드를 작성하지만 이는 jsx문법이고, 리액트에서 실제로는 createElement라는 메서드를 통해 그

평소에 redux를 사용해서 상태관리를 하는데 파일구조를 이런 방식으로 action, saga, reducer로 나누어 다른 파일에서 관리했다. 하지만 하나의 기능을 수정하려고 하면, 이 기능과 관련된 여러개의 파일을 수정해야하는 일이 생기고 이러한 불편함을 개선하고자 나온 것이 Ducks 패턴이다. Ducks 패턴은 구조중심이 아니라 기능중심으로 파...

개요(인척하는 넋두리) React의 가장 기본적인 디자인 패턴인 Container Presenter 패턴을 오늘처음알게되었다.. 혼자 공부하면서 내 코드가 많이 복잡하고 유지보수가 어려운 코드라는 것을 알면서도 더 나은방법을 알지못했기때문에 그냥 작동하는데에 의의를 두

리액트 공식문서 > 이벤트 처리하기 https://ko.reactjs.org/docs/handling-events.html 미리 알아야할 용어 > 합성이벤트 e SyntheticEvent SyntheticEvent 객체는 모든 브라우저에서 이벤트를 동일하게 처리하기

Fragment는 React v16에 추가된 기능

react는 내부의 state를 'Single Source of Truth(신뢰가능한 단일소스)'로 관리하려는 설계원칙을 가지고 있다.

react의 핵심은 virtual DOM

React.PureComponent vs React.Component

리액트의 생명주기

react에서 component를 생성하는 방법은 2 가지가 있다

jsx란?