React

state 생성 후 해당 state를 변경하기 위해선 state 데이터 변경 함수를 사용해서 데이터를 변경해야 한다.React 대원칙 : immutable data (데이터는 직접 수정이 되어선 안된다.)state의 데이터 변경은 state데이터 변경함수를 사용한다.

react로 웹서비스를 만들때 데이터를 보관하는 방법은 크게 2가지가 있다리엑트의 데이터 저장공간 state 만드는 법useState 상단에 첨부useState(데이터)(참고) ES6 destructuring문법 es5에서 배열의 각 요소를 배열로부터 디스트럭처링 하

Setting node.js설치 vs코드 설치 vs코드 터미널 실행 “npx create-react-app blog”명령문 실행 ⇒”blog”라는 react 프로젝트가 생성 app.js는 메인페이지에 들어갈 html을 짜는곳 app.js는 메인페이지에 들어갈

props는 properties의 줄임말로 특정한 값을 컴포넌트에 전달해 줘야 할 때 props를 사용한다.App이라는 컴포넌트에서 Test컴포넌트를 사용 할 때 text라는 값을 전달하려고 한다면 아래와 같이 코드를 작성하면된다.이제 Test컴포넌트에서 text값을

기본적으로 javascript는 자료형이 없기때문에 자식컴포넌트에 props를 전달할때 해당 props데이터의 자료형을 체크해서 애러발생하는 일을 방지하기 위해 사용한다.propTypes를 사용함으로써 타입정의 만으로도 좋은 문서가 될 수 있다. propTypes를 이

컴포넌트의 props가 바뀌지 않았다면 리렌더링 되는것을 방지하여 컴포넌트의 성능을 최적화 할 수 있도록 해줌.React.memo()로 컴포넌트를 감싸면, 리액트는 컴포넌트를 메모리제이션 하고 불필요한 렌더링은 건너뜀.Dom의 업데이트를 결정할 때, 리액트는 컴포넌트를

웹 어플리케이션에서 라우팅은 사용자가 요청한 URL에 따라 그에 해당하는 페이지를 보여주는것을 의미한다.터미널에 해당 명령어를 입력하고 router를 설치한다설치한 react 프로젝트 디렉토리를 열러 package.json 파일에 “dependencies”중 “reac

더미 데이터로 contents 생성한다.위의 더미데이터 배열을 map메소드를 사용해서 section1,2 버튼을 만듦useTabs hook 생성⇒useTabs hook작업중 마주친 에러React Hook "usestate" is called conditionally