불러오는 컴포넌트명 대문자로 써줘야한다.해당 컴포넌트 const에서도 첫문자는 대문자 써줘야 빌드할 때 에러 안남

react 는 결국 한 페이지 태그안에 태그안에 태그로 구성되어있는데 프롭이 상위컴포넌트에서 하위컴포넌트로 내려올 수 밖에 이유는 Scope 변수의 영역 때문인데하위컴포넌트 변수의 값이 하위 컴포넌트 밖에 상위컴포넌트에는 존재할 수 없기 때문에, 범위가 닿지 않기 때문

setCount로 state 값이 변경되면 App 컴포넌트가 재실행된다let 으로 지정된 변수는 저런식으로 함수를통해 값을 변경시켜도 재 렌더링되진않는다,하지만 state값이 변하는 순간 다시 컴포넌트가 재 랜더링되는데useEffect 또한 다시렌더링 된다하지만 그 유

useEffect 에서는 함수 끝에 (); 로 () 반드시써주고태그에 이벤트리스너처럼 동작하게 하는 submit 에 들어가는 함수는 그냥 () 제외하고함수명만 쓴다.

get요청한 API 무한호출할 때디펜던시를 잘못 건 경우가 많다.그럴경우 처음 get 호출한 API의 res.data를 useState에 setWines해서 그 wines변수를 하위 컴포넌트에서 사용하다가특정 필터 조건이 적용됬을때다시 리렌더 되서 무한 호출되는 경우가

vscode 확장 프로그램

피드제이슨

const \_\_GetFeedState = (token: string | null) => { return axios({ method: "GET", url: "http://localhost:8080/feed", // url:

npx create-react-app ondo --template typescriptnext에서 page 폴더에 js파일을 라우트 경로로 만듬 defaultProps = { } , 프롭스 기본 정의 , 아무것도 전달못할때 undefined 에러 방지 text-alig

요약해서 말하자면 1\. 제일먼저 처음 접속한 웹 페이지 로딩 시간 단축하기 위해검색엔진 노출을 위해 react router 사용 간략화Next.js는 기본적으로 빌드 시에 만든 모든 페이지를 미리 렌더링을 하여 사용자에게 빠르게 보여준다. (전형적인 SSR 방식)그

for문을 안쓰고map을 쓰는 이유는받아올 데이터 갯수를 정확히 알수 없기 때문이다.이와 같은 이유로 자바에서도 for문을 놔두고 재귀함수를 쓰는이유는내가 명확히 몇번 탐색해야 하는지 탐색횟수를 알수 없기때문에 재귀함수를 사용한다.

localStorage 는 브라우저 꺼도 존재 따로 청소해줘야 제거됨세션 스토리지는 브라우저 끄면 삭제 JSON.stringify 는 {name:'kim} 객체를"{"name":"kim"}" JSON화 시켜줌JSON.parse 는 해당 제이슨을{name: "kim"}