리액트

let a = ""; //Falselet a = null; //Falselet a = undefined //Falselet a = 0; //False

NodeJs Node 의 module.exports 와 require 를 조합해서 사용할 수 있다. npm 패키지 https://www.npmjs.com/ > # 왜 React 를 사용하는가? 1. 컴포넌트로 코드 재사용 웹페이지에는 중복 코드가 너무 많음.

alert 대신 사용 useRef이벤트는 위쪽으로, 데이터는 아래쪽으로스테이트 끌어올리기

데이터 삭제하기 DELETE

리액트 LifeCycle

바뀐 값도 볼 수 있게 해줘input 할때 let 쓰면 안바뀌어. State 로 관리하면 렌더링 계속 되면서 바뀜.State 를 왔다갔다 할 수 있게 해주는.컨텍스트는 Provider 를 사용해. Provider 안에 있는 범위에서만 사용해.로그인이 안된사람은 prof

getAllGoods와 같은 async 함수 내에서 await를 사용하면 Promise가 해결될 때까지 기다리고 해결된 값을 반환합니다. 그러나 async 함수 컨텍스트 외부에서 getAllGoods를 호출하면(예: async가 없는 useEffect에서) Promis

AXIOS 는 받는 데이터에 타입을 제네릭으로 지정해줄 수 있어data 라고만 쓰면 헷갈리니까 data:myProfile 로 작성.isLoading 을 추가해서 예외처리 해주자.

헤더 푸터 등을 넣을 컴포넌트여기 아래 Header와 관련 컴포넌트를 넣을 디렉토리

useQuery - 데이터를 가져오고싶다. (윈도우가 다시 포커스 되었을때 자동으로 리패칭)use - 서버에서 CUD를 처리하고 싶다.propsdrilling => Redux => Recoil, contextAPI => Zustand /// ReactQuery( 결이

types : contexts : app 내부 (root) : layout, pagelayout: ReactQueryProvider, AuthProvider 그리고 children 으로 내려줘.auth.context: useEffect 와 router 사용react-q

DOM 요소, 저장공간에 접근을 위해서 사용하는 리액트 훅다른 hooks 들은 state가 변할 때마다 렌더링 되면서 컴포넌트 내부 변수가 초기화.But, Ref의 변화 => No 렌더링 => 변수 값 유지됨.input 요소를 클릭하지 않고 포커스를 주려고 할때. Ex

ORnpm install @reduxjs/toolkit react-reduxexport const store = configureStore({ reducer: { // Add your slice reducers here },});function MyApp({

로그인 회원가입 하면 json 으로 줌. 엑세스 토큰이 들어있는.엑세스 토큰이 여권과 같은거라서 헤더에 setHeader 에 박아놨었음. 근데 좀 더 보안 신경 쓸 수 있게 쿠키방식으로 변화함.한우나 돼지에 1등급 찍듯이 알아서 인증되는.프론트엔드 개발할때는 신경 안써

\-D 붙이면 프로젝트 단위로 설치함수는 매개변수, 결과값 타입을 결정해줘야해.인터페이스는 객체의 형태를 정의해요interface User { id: number; name: string;}타입을 재사용 가능하게 필수로 넣어야하는 생략 가능한엘리먼트는 함수가 아님.

axios post 할때 url, datajson 을 넣어서 data에 보내주면 axios 가 알아서 변환해줌.근데 이미지는 텍스트로 변환할 수 없어.form data를 json 이 아니라 axios 의 데이터에 넣어.

엑세스 토큰을 만들 때 5분으로.리프레쉬 토큰auth.context 에 provider 가 있으니까 여기에 리프레쉬 토큰을 쓰는걸 추천.useEffect(()=>{window.setInterval(()=>{1000})},\[])nextConfig 의 strict 모드