React

component와 Hook을 활용해 작은 단위의 독립전인 요소로 개발하여 개발자의 생산성과 코드의 재사용성을 높임레이아웃을 구성하는 HTML과 UI 내 데이터를 변경하는 JavasScript 로직이 분리되어 있어 코드 파악에 오랜시간이 걸릴 수 있음JSX를 활용하여

기본적으로 Component에 원하는 값을 넘겨줄 때 사용하며넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 JavaScript의 요소라면 제한이 없습니다.주로 Component의 재사용을 위해 사용합니다.Props의 값 임의로 변경해서 사용X변경해서 사용하고 싶다

JSX? > - 함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 JavaScript의 확장 HTML과 비슷하게 생겼으나 JavaScript이고 HTML과 다른 부분이 있음 JSX는 Babel에 의해서 Transcompile 됨 ❓JSX는 Babel에 의해서 Tr

Component를 만들고 (위) 다른 Component에서 자유롭게 활용(아래)할 수 있음. Component의 이름은 항상 대문자로 시작초기 React의 Component는 모두 Class Component였지만 v16부터 새로운 Function Component와

Component 내에서 유동적으로 변할 수 있는 값을 저장개발자가 의도한 동작에 의해 변할 수도 있고, 사용자의 입력에 따라 새로운 값으로 변경될 수도 있음State 값이 변경되고 재렌더링이 필요한 경우에 React가 자동으로 계산하여 변경된 부분을 렌더링함State

useState로 바뀐 state값을 확인하려고 useEffect에서 console.log()를 찍었는데 이 오류가 발생했다.친절하게도 이 에러가 발생하는 3가지 이유를 알려준다.react-dom의 버전이 Hook을 사용할 수 있는 버전인 16.8.0 보다 낮을 때 이

onClick : Element를 클릭했을 때onChange : Element의 내용이 변경됐을 때(input의 텍스트 변경, 파일 선택 등)onKeyDown, onKeyUp, onKeyPress : 키보드 입력이 일어났을 때onDoubleClick : Element를