What I've learned on my tech journey

What I've learned on my tech journey

Follow

Follow

Dana Kim

1 follower

Frontend Developer👩‍💻

[Typescript + React] props값 전달 시, 타입지정

Sep 5, 20232 min read

Props 타입 정의 : React.FC type TProps = { studentList: TStudent[]; isFetching: boolean; totalCount: number; setPage:...

[Typescript + React] props값 전달 시, 타입지정

Next.js의 Routing

Aug 30, 20232 min read

라우팅은 네트워크 용어로서 네트워크상의 주소로 이동하여 해당 주소에 연결되어있는 데이터를 사용하는 일련의 과정을 의미 라우터는 라우팅을 수행할 수 있는 장치 pages (혹은 src/pages) 폴더 아래에 파일을 추가하는 방식으로 각 컴포넌트에 URL을...

Next.js의 Routing

React Query(=TanStack Query)

Aug 29, 20237 min read

https://hjk329.github.io/react/react-query-queries/ fetching, cashing, 서버 데이터와의 동기화를 지원해주는 라이브러리 axios + react-query fetch + react-query React...

React Query(=TanStack Query)

Next.js 12 vs 13

Aug 28, 20231 min read

리액트 문법쓰는 프론트 + 백엔드 프레임워크 문법 변경 로딩중일 때 loading.js 파일 만들기 데이터 서버에서 가져올 때 getServerSideProps() 썼는데 이제 안씀 그냥 함수명 작성 후, import use from...

Next.js 12 vs 13

Build Admin Dashboard App using Ant Design

Aug 28, 20231 min read

UI Library / Design Framework · Install npm install antd yarn add antd https://github.com/ant-design/ant-design Usage import React from 'react'; import {...

Build Admin Dashboard App using Ant Design

[React] Redux 대신 Zustand!

Aug 28, 20232 min read

Redux와 기능은 같지만, 표현법이 쉬워짐. 세팅 문법 필요 없음. 설치 npm install zustand 컴포넌트들 간에 변수를 공유하고 싶을 때 import create from 'zustand' import { devtools } from...

[React] Redux 대신 Zustand!