리액트

리액트를 스크림바로 배우기 시작했다. <span style="color:declarativecomposable<span style="color:: 사전적 의미는 '선언적' <-> '명령적'(imperative) 너무 애매한 말이라 열심히 구글링을 해보

properties 의 줄임말자바스크립트의 함수 인자, HTML의 속성과 비슷하다.읽기 전용이기 때문에 값을 바꿀 수는 없다. 왜 사용하는가? 보통 메소드를 만들 때 파라미터의 용도와 비슷하다. 컴포넌트를 재사용할 수 있도록 하는 것이다. ex) APP.js보통 HTM

프로필리액트로 만든 프로필을 netlify로 배포해보았다.

배열 내 모든 요소에 대해서 함수를 호출하고 그 결과를 모아 새로운 배열을 만드는 함수리액트에서는 배열 내 데이터를 가공해서 jsx 엘리먼트 만드는 데에 사용할 수 있음ex)배운 것을 가지고 페이지 하나를 만들어 보았다. myTravelJournal

state는 컴포넌트 안에서 데이터를 관리하는 리액트의 빌트인 객체.state는 계속해서 바뀔 수 있고 바뀔 때마다 컴포넌트는 리렌더 된다. state와 props는 둘 다 렌더링 결과물에 영향을 주는 정보를 갖고 있다는 공통점이 있지만 중요한 방식에서 차이가 있다.

미디엄을 보다가 반갑게도 리액트에 관한 글을 보게 됐다. React Error Boundaries Explained: Error Boundaries는 하위 컴포넌트 트리에서 자바스크립트 에러를 찾아 기록하고, 에러난 컴포넌트 대신에 fallbackUI를 보여주는 리액트