์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- react ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- prettier
- createstore ์ทจ์์
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ์ค๊ธฐ
- flex item
- error
- github
- position
- Flexbox Froggy
- ๋ฐฑ์ค
- flex container
- ์กฐ๊ฑด๋ถ ์คํ์ผ๋ง
- froggy
- ์นด์นด์ค๋งต
- Redux
- login button ์ปดํฌ๋ํธ
- flexbox
- flexbox/grid ์ ์ฉ ์ฌ๋ถ
- git revert
- justify-content: center;
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ
- ํ ์คํธ ์ฝ๋
- ํ๋ฌ์ค
- REACT
- JWT
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌํ๊ธฐ
- input ์ปดํฌ๋ํธ
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋ชจ๋ ๊ด๋ฆฌ
- ๊ธฐ์ฌํผ์คํธ
- Today
- Total
๋ชฉ๋ก2025/03 (2)
minyoung

just ์ํธํํ๋ค๊ณผ ๊ฐ๊ฒฉ์ ๋์ดํ๋ ํ๋ก์ ํธ!๋จผ์ , ๋ ๊ฐ์ง state๋ฅผ ๋ง๋ ๋ค.1. ๋ก๋ฉ์ ์ํ ๊ฒ2. ์ฝ์ธ ๋ฆฌ์คํธ๋ฅผ ์ ์ ๊ฐ๊ณ ์๊ธฐ ์ํ ๊ฒimport useState from "react";function App() { const [loading, setLoading] = useState(true); return ( The Coins! {loading ? loading : null} );}export default App;์ด์ coinpaprika๋ผ๋ API๋ฅผ ๊ฐ์ ธ์จ๋ค.์๋์ ์ฌ์ง์์ ํ์ธํ ์ ์๋ค.์ฐ๋ฆฌ๋ component๊ฐ ๊ฐ์ฅ ์ฒ์์ผ๋ก render๋์์ ๋๋ง ์ด ํจ์๋ฅผ ์ฆ์ ์คํ์ํค๊ณ ์ถ๋ค.๊ทธ๋ ๋ค๋ฉด useEffect๋ฅผ ํ์ฉํด์ [ ] ์ด๋ ๊ฒ ๋น์์ค์ผ ํ๋ค..

๊ฐ ํ์์ ๋ณ์๊ฐ ๊ฐ์ ๋ด๋ ๋ฐ์ดํฐ ํ์์ ๋งํ๊ณ ์ฐธ์กฐ ํ์์ ๋ณ์๊ฐ ๊ฐ ๋์ ๊ฐ์ด ์๋ ๊ณณ์ ์์น(์ฐธ์กฐ)๋ฅผ ๋ด๋ ๋ฐ์ดํฐ ํ์์ ๋งํฉ๋๋ค. C#์ผ๋ก ์์ฑํ๋ ํ๋ก๊ทธ๋จ์ด ์ฌ์ฉํ๋ ๋ ๊ฐ์ง ๋ฉ๋ชจ๋ฆฌ ์์ญ์ ๋ํด ์๊ณ ์์ด์ผ ์์ ๊ฐ๋ ์ ์ดํดํ ์ ์์ต๋๋ค.์ด ๋ ๊ฐ์ง ๋ฉ๋ชจ๋ฆฌ ์์ญ ์ค ํ๋๋ฅผ ์คํ(Stack)์ด๋ผ๊ณ ํ๊ณ ๋ ๋ค๋ฅธ ํ๋๋ฅผ ํ(Heap)์ด๋ผ๊ณ ํฉ๋๋ค. ์ด ๋ ๋ฉ๋ชจ๋ฆฌ ์์ญ ์ค์์ ๊ฐ ํ์๊ณผ ๊ด๋ จ์ด ์๋ ๊ฒ์ ์คํ ๋ฉ๋ชจ๋ฆฌ ์์ญ์ด๊ณ ์ฐธ์กฐ ํ์๊ณผ ๊ด๋ จ์ด ์๋ ๊ฒ์ ํ ๋ฉ๋ชจ๋ฆฌ ์์ญ์ ๋๋ค. ์คํ๊ณผ ๊ฐ ํ์์คํ์ ๋ํด ์ด์ผ๊ธฐํ๋ฉด์ ๊ฐ ํ์์ ์ค๋ช ํ๊ฒ ์ต๋๋ค.์คํ์ ๋ง์น ๊ฒ์ผ๋ฅธ ํ๋ก๊ทธ๋๋จธ์ ์ฑ ์ ์์ ์์ฌ ์๋ ์ฑ ๋๋ฏธ์ ๊ฐ์ ๊ตฌ์กฐ๋ก ์๊ธด ๋ฉ๋ชจ๋ฆฌ์ ๋๋ค.์ฑ ๋๋ฏธ๋ ๋จผ์ ์์ ์ฑ ์ผ์๋ก ์๋์ ์๊ณ ๋์ค์ ์์ ์ฑ ์ผ์๋ก ..