What I've learned on my tech journey

Dana Kim

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!