리액트공부

웹사이트 뼈대를 구성하기 위해 쓰는 마크업 언어 markup : 문서나 데이터를 처리하기 위해 문서에 추가되는 정보 주로 웹에서 사용되었으나 요새는 데스크탑용 앱에서도 사용<div> </div>와 같이 열었으면 꼭 닫아주어야 한다.<br/> 처럼 바로

정식명칭은 ECMA Script웹사이트 개발에만 사용되었는데 사용범위가 넓어서 모바일용 개발에도 쓰인다.ES6 : ECMAScript2015변수가 선언될 때가 아니라 자료가 대입될 때 type이 정해진다.종류Number : 숫자String : 문자Boolean : tr

파라미터(parameters) or 인자(arguments)를 입력을 받고 정해진 출력을 하는 것

사용자 인터페이스를 만들기 위한 JS 라이브러리(기능 모음집)사이트를 만드려면 HTML, CSS, JS가 필요한데 사이트 규모가 커질수록 관리가 힘들어진다. 이 관리를 좀 더 편하게 할 수 있도록 하기 위해 나온 것이 react이다.페이지마다 각각 HTML, CSS를

node v14.0.0 이상, npm v6.14.0 설치된 상태에서 npx create-react-app (프로젝트명)npm start

react에서는 데이터를 담을 때 JS에서 쓰던 변수를 사용 할 수 있고let pet = "푸딩";react-hook 중 하나인 state에 담을 수 있다.const \[ pet , setPet ] = useState("푸딩");굳이 useState를 쓰는 이유는 무엇

ReactJS에서는 react-router-dom을 이용해 라우팅을 라우팅을 한다.명령어(npm install react-router-dom)로 라이브러리를 설치한 뒤 사용src/index.js에서 BrowserRouter를 import해서 <App />을 감싸

상품판매 사이트나 게시판의 경우 모든 페이지를 하나 하나 직접 설정 하는 것이 불가능하므로url parameter를 사용한다.<Route path="/detail/:id" element={ <DetailPage/> }/>이 때 (당연히) detail 페이지

pagination 항목에 onChange 기능을 이용해 page size 값을 저장하고 useQuery로 데이터를 요청할 때 이용할 수 있다.