분류 전체보기 썸네일형 리스트형 [React] Component, props, map JSX: JavaScript XML일반 자바스크립트의 형태의 코드로 변환이 가능하다.컴포넌트도 JSX안에 작성이 가능하다. props: 객체사용하는 컴포넌트에서 객체를 key로 접근한다. Container에서 Component01로 name값과 color값을 props로전달하여 Component01에서 스타일을 적용하고이름을 출력할 수 있다.Container에서 Component02태그 내부에 작성한 내용을 props.children으로 가져와 출력할 수 있다. map: 반복되는 컴포넌트를 랜더링하기 위한 함수배열 내 각 요소를 원하는 규칙에 따라 변환 후 새로운 배열을 생성한다.useAsync : 비동기 작업 상태를 관리하게 도와주는 커스텀 훅fetch로 데이터를 받아와 value에 값을 저장하고 i.. 더보기 [React] 기초 ReactJS : 복잡한 사용자 인터페이스를 쉽게 구축하기 위해서 페이스북에서 제작한 자바스크립트 기반의 라이브러리싱글 페이지 애플리케이션 OR 모바일 애플리케이션 개발에 주로 사용한다.특정 데이터에 변화가 생길 때 매번 변화를 주기 위한 코드를 작성하지않고 기존 코드를 없애고 다시 새롭게 랜더링 Mount : 가장 처음 랜더링render() 함수를 사용하여 view를 정의하고 초기 랜더링을 진행한다.Rendering: 화면에 보여주는 것코드가 번역되어 실행된 뒤 화면을 통해 사용자에게 보여준다.Re-Rendering: 뷰를 업데이트 해야 할때 다시 지웠다가 그림전체를 모두 지우고 다시 그리는 것은 비효율적이기 때문에 이전의 DOM트리와 새로운 DOM트리를 비교한 뒤 변경된 요소 부분만 리랜더링 한다.단.. 더보기 이전 1 2 다음
