리액트 공식문서 학습 JSX JSX는 React Element일 수도, 컴포넌트일 수도 있는데, 결국은 React “엘리먼트(element)” 를 생성한다. JSX문법 안에서 {}를 이용해 js표현식을 사용할 수 있고, ""를 사용해 문자열을 나타낼 수 있다. JSX
React useEffect의 동작 원리 컴포넌트가 실행될 때 useEffect가 실행되고, 리액트는 useEffect의 인자로 넣어진 콜백함수를 저장해놓는다. 설정에 따라 마운트 시에만, 렌더링 시 매번 실행되게 할 수 있는데, 조건이 충족되면 리액트는 콜백함수를
HTML 폼 엘리먼트는 폼 엘리먼트 자체가 내부 상태를 가지기 때문에, React의 다른 DOM 엘리먼트와 다르게 동작한다.HTML에서 <input> <textarea> <select>와 같은 폼 엘리먼트는 일반적으로 사용자의 입력을 기반으로 자신의 s
컴포넌트를 구현할 때 생각해봐야 할 점다양한 사례에 적용할 수 있는 재사용 가능한 컴포넌트를 어떻게 개발할까?사용하기 쉽고 심플한 API를 제공하는 컴포넌트는 어떻게 만들까?UI와 기능 모두에서 확장성 가능한 컴포넌트를 개발하려면 무엇이 필요할까?방법단일 책임레이아웃
클래스 컴포넌트React.Component에서 공통 메소드들을 상속받아 사용라이프 사이클도 포함각 LifeCycle 메소드에 모든 로직을 집어넣었어야 했음한 메소드 안에 관심사가 다른 로직들이 관리되므로 유지보수가 어렵다.코드를 각 LifeCycle 메소드에 중복으로