Skip to content

Typescriptย #6

@ijieun0123

Description

@ijieun0123

๐Ÿ”— ย  ์ฐธ๊ณ  ๋งํฌ

๊ธฐ์กด React App์— Typescript ์ ์šฉํ•˜๊ธฐ
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ดˆ๊ธฐ ์„ธํŒ… ๊ด€๋ จ ์ƒ์„ธ์ •๋ฆฌ

material-ui typescript guides
๊ฐ€์ด๋“œ๋ฅผ ํ•œ๋ฒˆ ์ฝ์–ด๋ณด๊ณ  material-ui ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•˜๋Š” ๊ฒŒ ์ข‹๋‹ค.

typescript document
typescript document ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ

React Redux Toolkit ์‚ฌ์šฉํ•˜๊ธฐ
typescript & toolkit
typescript & redux
useAppDispatch, useAppSelector ์‚ฌ์šฉ๋ฒ• / store.ts / createSlice.ts ๋ณ€ํ™˜๋ฒ•์ด ์ž์„ธํžˆ ์ ํ˜€์žˆ๋‹ค.

React Typescript with API call example using Hooks and Axios
๊ธฐ์กด์— ๋งŒ๋“ค์–ด๋‘” API ํ›…์— ๋”ฑ ๋“ค์–ด๋งž๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ณ€ํ™˜ ๊ฐ€์ด๋“œ.
types ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด result data ํƒ€์ž…๋“ค์„ ์ •๋ฆฌํ•ด๋‘๋ฉด ๊ต‰์žฅํžˆ ํŽธํ•˜๋‹ค.



๐Ÿ“ ย  ๋ฉ”๋ชจ

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ & ํˆดํ‚ท, ๋ฆฌ๋•์Šค ๊ณต์‹๋ฌธ์„œ๋Š” ์—ฌ์œ ์žˆ์„ ๋•Œ ํ•œ๋ฒˆ ์ •๋…ํ•˜๋Š” ๊ฒŒ ์ข‹์„ ๊ฒƒ ๊ฐ™์Œ.
  • api ํ›…, types ๋Š” ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ๋”ฐ๋กœ ๋งŒ๋“ค์–ด ์ •๋ฆฌํ•˜๋Š” ๊ฒŒ ํŽธํ•˜๋‹ค.
  • ํˆดํ‚ท๋„ ๊ฑธ์–ด๋‘” ๋งํฌ๋งŒ ์ฐธ๊ณ ํ•˜๋ฉด ๊ฐ„๋‹จํžˆ ๋ณ€ํ™˜ ๊ฐ€๋Šฅํ•จ.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions