React

react 프로젝트 생성, 시작, 종료, 기초문법

react 기초 function, 조건부 Render, component

map -> loop문framwork을 위한 기능배열을 map을 이용하여 table에 넣기함수로 만들어서 호출해서 table에 넣기

onClick={()=>btnclick()} 이 문법으로 쓰지 않으면 페이지가 로딩되면 여러번 호출된다. 이렇게 작성해야 시작했을 때 클릭하면 딱 한번만 호출되게 함.함수를 외부로 뺀 뒤 웹영역 태그안에 넣어줄수도 있음

hook useState : 함수형 컴포넌트에서 상태를 관리하는 가장 기본적인 훅컴포넌트가 렌더링 될 때마다 변화하는 값을 저장

hook useEffect : 컴포넌트가 렌더링 될 때마다 실행되는 메소드mount/unmounts/update 에 사용

hook useContext : 전역상태관리컴포넌트간에 데이터를 공유하고, 중복 코드를 제거할 수 있음컴포넌트간에 데이터를 공유

router : 애플리케이션에서 페이지 간 이동 및 URL 경로 관리를 담당하는 라이브러리

package.json파일 클릭 Mac : export PORT=포트번호 && Window : set PORT=포트번호 &&

'npm install react session api' 를 입력해서 package 설치 후 사용변수 세션에 저장, 읽기id, pw를 member로 묶어서 저장, 읽기json 저장, 읽기'npm install react-cookie' 를 입력해서 package 설치 후

📖 fileUpload, fileDownload

ajax대신 react에는 axios가 있다