Error_Javascript

Props 타입 정의 : React.FC type TProps = { studentList: TStudent[]; isFetching: boolean; totalCount: number; setPage: React.Dispatch<React.SetStateAction<number>>; }; const TableStudentListByStatus: React.FC<TProps> = ({ studentList,...

Sep 5, 20232 min read

Next.js의 Routing

라우팅은 네트워크 용어로서 네트워크상의 주소로 이동하여 해당 주소에 연결되어있는 데이터를 사용하는 일련의 과정을 의미 라우터는 라우팅을 수행할 수 있는 장치 pages (혹은 src/pages) 폴더 아래에 파일을 추가하는 방식으로 각 컴포넌트에 URL을 부여 install - 리액트에서는 라우터를 제공하지 않기 때문에 react-router-dom이라는 패키지를 설치 router 객체 확인 가능 동적 라우팅(Dynamic Rout...

Aug 30, 20232 min read

React Query(=TanStack Query)

https://hjk329.github.io/react/react-query-queries/ fetching, cashing, 서버 데이터와의 동기화를 지원해주는 라이브러리 axios + react-query fetch + react-query React application에서 비동기 데이터를 불러오는 과정 중 발생하는 문제들을 해결해줌 React Component 내부에서 간단하고 직관적으로 API를 사용할 수 있음 최신 데이...

Aug 29, 20237 min read

Next.js 12 vs 13

리액트 문법쓰는 프론트 + 백엔드 프레임워크 문법 변경 로딩중일 때 loading.js 파일 만들기 데이터 서버에서 가져올 때 getServerSideProps() 썼는데 이제 안씀 그냥 함수명 작성 후, import use from "react" fetch 문법 쓸 때, cache: 'no-store'쓰면 예전에 쓰던 getServerSideProps()와 비슷 이미지 태그 기능 향상(Layout Shift ...

Aug 28, 20231 min read

Build Admin Dashboard App using Ant Design

UI Library / Design Framework

Aug 28, 20231 min read

Build Admin Dashboard App using Ant Design

What I've learned on my tech journey

26 posts

Frontend Developer👩‍💻

Command Palette

Comments

JavaScript

07_JavaScript: short-circuit evaluation

More from this blog