Web

divdivision의 약자. 웹사이트의 레이아웃을 만들 때 주로 사용된다. div로 group을 묶어준 후 css를 활용하여 group 내의 element에 한 번에 스타일을 적용할 수 있다.id p : contains a block of plain textspan

REACT 특징 1. library made by facebook 2. Components module과 비슷한 component 로 이루어져있다. 재사용성이 굉장히 좋다. 3. Virtual DOM real dom 은 data 내에 변화가 있으면 data를 모두 re

for React jsAnt Design 바로가기장점 : 이용하기 편함$ npm install antdsrc/index.jsimport 'antd/dist/antd.css';상태 관리 라이브러리? Props : propertycomponent간 주고받을 때. 소통 방

Inflearn : 따라하며 배우는 노드 리액트 기본 concurrently 백앤드와 react 함께 구동하기 back-end 서버에 concurrently 추가 후 package.json npm run dev를 통해 백앤드와 리액트 함꼐 구동 가능 Reducer

: higher order componentfunction다른 component를 받아 새로운 componenet를 return하는 functionconst EnhancedComponent = higherOrderComponent(WrappedComponent);Aut

<link href="./style.css" type="text/css" rel="stylesheet">style.css 파일을 만들기p, h1은 모든 <p> / <h1>에 적용된다..title, .uppercase 는 class name. html에서

https://react.vlpt.us/basic/03-first-component.html 참고Hello.js사용할 땐 import Hello from './Hello';App.jsApp component에서 Hello component를 사용할 때 nam

https://react.vlpt.us/basic/09-multiple-inputs.html 참고배열 렌더링 때에는 key가 존재해야 한다. 중복되는 key 가 있으면 오류메세지가 생기며 업데이트가 안됨또는 배열 내에 존재하는 값으로 key 값 설정하기useR

useEffect, useMemo, useCallback, useReducer, and custom hook

참고 - react.vlpt.us프로젝트 안에서 전역적으로 사용 할 수 있는 값을 관리할 수 있다.Context 를 만들 땐 다음과 같이 React.createContext() 를 사용한다. 파라미터로는 Context 의 기본 값.Context 가 생성되면 Contex