생활코딩 리액트 2

생활코딩 리액트 2022 ver (2)

* 본 포스팅은 생활코딩 리액트(2022)의 요약본입니다! 강의 링크는 포스팅 아래에 첨부하겠습니다 ^__^ **useState 추가개념 내가 상태로 만드려는 데이터가 원시타입일 경우에는 지금까지 하던것처럼 그냥 하면된다. 그런데 데이터가 범객체(객체, 배열 등)인 경우에는 좀 다른 방식으로 진행해야하는데 우선 데이터를 복제해놓고(newValue), 복제한 데이터를 변경한다. 다시말해 원본 데이터(value)를 바꾸는 것이 아니라, 복제본을 바꾸는 것이다. 그리고 setValue에 newValue를 넣어주면 그 때 비로소 컴포넌트가 재실행된다. 리액트는 setValue를 호출했을때, 원본 데이터와 새로운 데이터가 같은 데이터인지를 확인하고 만약 같다면 굳이 컴포넌트를 다시 렌더링하지 않는다. 그래서 배열..

기타 개발공부 2022.07.30

생활코딩 리액트 2022 ver (1)

* 본 포스팅은 생활코딩 리액트(2022)의 요약본입니다! 강의 링크는 포스팅 아래에 첨부하겠습니다 ^__^ 리액트란? 사용자 정의 태그를 만드는 기술이다! 이 사용자 정의 태그를 리액트에서는 '컴포넌트'라고 부른다. import React from "react"; import "./style.css"; function Header() { return ( Header! ) } function Nav() { return ( 1.html 2.css 3.js ) } function Article() { return ( Hello! Welcome to my Blog! ) } function App() { return ( ); } export default App; props html태그의 속성과 같은 개념을 리..

기타 개발공부 2022.07.30