์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ๋๋๊ทธ ์ด๋ฒคํธ
- TypeScript
- ๋์ ๊ณํ๋ฒ
- ์๋ฐฉํฅ ์ฐ๊ฒฐ ๋ฆฌ์คํธ
- Node.js
- ํ๋ก๊ทธ๋๋จธ์ค
- custom hook
- js
- JavaScript
- React
- ๋ฐฑ์ค
- ๋ถ์คํธ์บ ํ์น๋ชจ๋ฐ์ผ
- ์นด์นด์ค์ฑ์ฉ
- ์ฝ๋ฉํ ์คํธ
- DP
- icecandidate
- ์ด๋ฏธ์ง ์์
- ์นด์นด์ค
- ์๊ณ ๋ฆฌ์ฆ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์ฝํ
- Redux toolkit
- ๋ฆฌ๋์ค ํดํท
- ๋ถ์คํธ์ปจํผ๋ฐ์ค
- router v6
- ์ด๋ถํ์
- ์ฝ๋ ํฌ๋ฉง
- ๊ณผ์ ํ ์คํธ
- svgํ์ผ ๋ค๋ฃจ๊ธฐ
- ๋ธ๋ฃจํธํฌ์ค
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (100)
๐ฅ dev-ruby
ํ์ ๊ด๋ฆฌ ๋ค์์ด ๋ณ๊ฒฝ ๋ ๋ ์ํํธ์จ์ด ์์คํ ์ ์ ๋ฒ์ ์ด ์์ฑ๋๋ค. ๋ค๋ฅธ ์ด์์ฒด์ /๊ธฐ๊ณ ๋ค๋ฅธ ๊ธฐ๋ฅ์ฑ ์ ๊ณต ํน์ ์ฌ์ฉ์ ์๊ตฌ ์ฌํญ์ ๋ง๊ฒ ์กฐ์ ์งํํ๋ ์ํํธ์จ์ด ์์คํ ๊ด๋ฆฌ์ ๊ด๋ จ ์๋ค. ์์คํ ๋ณ๊ฒฝ๊ณผ ๊ด๋ จ๋ ๋น์ฉ๊ณผ ๋ ธ๋ ฅ์ ์ปจํธ๋กคํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๋ค. ์งํํ๋ ์ํํธ์จ์ด ์ ํ์ ๊ด๋ฆฌํ๊ธฐ ์ํ ์ ์ฐจ ๋ฐ ํ์ค์ ๊ฐ๋ฐ ๋ฐ ์ ์ฉ์ ํฌํจํฉ๋๋ค. ๋ณด๋ค ์ผ๋ฐ์ ์ธ ํ์ง ๊ด๋ฆฌ ํ๋ก์ธ์ค์ ์ผ๋ถ๋ก ๋ณผ ์ ์์ ๋ฆด๋ฆฌ์ค๋ ๋ ์ํํธ์จ์ด ์์คํ ์ ์ถ๊ฐ ๊ฐ๋ฐ์ ์์์ ์ด๋ฏ๋ก ๊ธฐ์ค์ ์ด๋ผ๊ณ ๋ ํ๋ค. ํ์๊ด๋ฆฌ๋? ๋ค์์ ํ๋ ๊ฒ์ ๋ชฉ์ ์ผ๋ก ํ๋ค. ํญ๋ชฉ ์๋ณ, ์ ์ ๋ฐ ๊ธฐ์ค์ ํด๋น ํญ๋ชฉ์ ์์ ๋ฐ ๋ฆด๋ฆฌ์ค๋ฅผ ์ ์ด ํญ๋ชฉ ๋ฐ ์์ ์์ฒญ์ ์ํ๋ฅผ ๋ณด๊ณ ํ๊ณ ๊ธฐ๋ก ํญ๋ชฉ์ ์์ ์ฑ, ์ผ๊ด์ฑ ๋ฐ ์ ํ์ฑ์ ๋ณด์ฅ ๋ฌผํ์ ๋ณด๊ด, ์ทจ๊ธ ๋ฐ ๋ฐฐ์ก์ ์ ์ด ํ์..
Verification (๊ฒ์ฆ) ์ฃผ์ด์ง ๋จ๊ณ์ ์ ํ์ด ์ด์ ๋จ๊ณ์์ ์จ ์ฌ์์ ์ถฉ์กฑํ๋์ง ์ฌ๋ถ๋ฅผ ๊ฒฐ์ ํ๋ ํ๋ก์ธ์ค -> ์ด์ ์ ๋จ๊ณ๊ฐ ํ์ฌ์ ์ผ์นํ๋์ง ๊ฒ์ฆ Validation (ํ์ธ) ์๊ตฌ์ฌํญ ์ค์๋ฅผ ๋ณด์ฅํ๊ธฐ ์ํด ๊ฐ๋ฐ ์ข ๋ฃ ์ ์ํํธ์จ์ด๋ฅผ ํ๊ฐํ๋ ํ๋ก์ธ์ค ๋ชฉํ ํ์ง ์ข์ ์ํํธ์จ์ด ๊ฐ๋ฐ ์ํํธ์จ์ด ์ ํ์์ ์ค๋ฅ ๋ฐ ๊ฒฐํจ์ ์ฐพ๊ธฐ ์๊ตฌ์ฌํญ ๋ชจ๋ ์ฌํญ์ ํ์ธํด์ผ ํ๋ค. ๊ฒ์ฆ ๊ฒฐ๊ณผ๋ ๋ฐ์ด๋๋ฆฌ๊ฐ ์๋ ์ ์๋ค. ๊ฒ์ฆ์ ๊ฐ๊ด์ ์ด๊ฑฐ๋ ์ฃผ๊ด์ ์ผ ์ ์๋ค. ๋ด์ฌ์ ํ์ง๋ ๊ฒ์ฆํด์ผ ํ๋ค. V & V ํ๋์ ๋ถ๋ฅ error : ์์ง๋์ด์ ์ค์ Fault : ์ฌ์ฉ์์๊ฒ ์ ํํ ์๋น์ค ์ ๊ณต์ด ๋ถ๊ฐ๋ฅํ ์ํ Failure : ๋ฐ๊ฒฌ๋์ง ์์ ์ค๋ฅ, ์ฌ์ฉ์๊ฐ ์ค์๋ฅผ ํ๋๋ฐ ์ ์์ ์ผ๋ก ์๋ Static ํ๋ - ์์ค์ฝ๋ ์คํ X..
Preliminary design (์์์ค๊ณ) : ์๊ตฌ์ฌํญ์ ๋ฐ์ดํฐ ๋ฐ ์ํํธ์จ์ด ์ํคํ ์ฒ๋ก ๋ณํ Detailed design (์์ธ์ค๊ณ) : ์ํํธ์จ์ด์ ๋ํ ์์ธํ ๋ฐ์ดํฐ ๊ตฌ์กฐ ๋ฐ ์๊ณ ๋ฆฌ์ฆ ํํ์ผ๋ก ์ํคํ ์ฒ ๊ฐ์ ๊ธฐ์ ์ ์ธก๋ฉด์์ ์ค๊ณ Data design : ์์ฑ๋ ์ ๋ณด ์์ญ ๋ชจ๋ธ์ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ก ๋ณํ Architectural design : ์ํํธ์จ์ด์ ์ฃผ์ ๊ตฌ์กฐ์ ์ปดํฌ๋ํธ ๊ฐ์ ๊ด๊ณ์ ๋ํ ์ ์ Procedural design : ๊ตฌ์กฐ์ ์ปดํฌ๋ํธ๋ฅผ ์ํํธ์จ์ด์ ์ ์ฐจ์ ๋์คํฌ๋ฆฝ์ ์ผ๋ก ๋ณํ Interface design : ์ธ๊ฐ-๊ธฐ๊ณ ์ํธ์์ฉ์ ์ํ ๋ฐฐ์น ๋ฐ ์ํธ ์์ฉ ๋ฉ์ปค๋์ฆ์ ํ๋ฆฝ Design Patterns ๊ฐ์ฒด์งํฅ ์ค๊ณ ์ฐ์ถ๋ฌผ์ ์ฌ์ฌ์ฉ : ์ ์ฉํ ์ค๊ณ์ ๋ณด๋ฅผ ํจํด์ผ๋ก ์ ์ ํน์ ๋ฌธ์ ์ ๋ํ ๋ฐ๋ณต..
ํด๋์ค ๋ฐ ๋ฉ์๋ ์ค๊ณ ํ์ฌ ๋ชจ๋ธ ๋ฆฌ๋ทฐ 1. ํด๋์ค๊ฐ ๋ฌธ์ ์ ํ์ํ๊ณ ์ถฉ๋ถํ์ง ํ์ธ 2. ๊ฐ ํด๋์ค์ ์์ฑ ๋ฐ ๋ฉ์๋ ๊ฐ์์ฑ ๋ง๋ฌด๋ฆฌ 3. ๊ฐ ํด๋์ค์ ๋ชจ๋ ๋ฉ์๋ ์ํ ์ ์ 4. ๊ฐ์ฒด๊ฐ ๋ณด์กดํ ์ ์ฝ ์กฐ๊ฑด ์ ์ ์ค๊ณ ์ฌ๊ตฌ์กฐํ Factoring - ๋ฉ์๋ ํด๋์ค๋ฅผ ์ ๋ฉ์๋ ๋๋ ํด๋์ค๋ก ๊ตฌ๋ถ Normalization - ์ค๊ณ์์ ๋๋ฝ๋ ์ ์ฌ์ ํด๋์ค ์๋ณ ๋ฉ์๋ ๋ช ์ธ ์ผ๋ฐ ์ ๋ณด ๋ฉ์๋ ์ด๋ฆ, id, ํ๋ก๊ทธ๋๋ฐ ์ธ์ด Event ์ด๋ฒคํธ๋ฅผ ํธ๋ฆฌ๊ฑฐํ๋ ์ด๋ฒคํธ ๋์ด Message passing ๋ฉ์๋์ ์ํด ์ด๋ค ์ธ์๊ฐ ์ ๋ฌ๋๊ณ , ์ ๋ฌ๋๊ณ , ๋ฐํ๋๋๊ฐ ์๊ณ ๋ฆฌ์ฆ ๋ช ์ธ ๊ตฌ์กฐํ๋ ์์ด ์์ฌ์ฝ๋ UML activity diagram ๋๋ฉ์ธ ํด๋์ค๋ฅผ ๊ตฌํ ์ธ์ด์ ๋งคํ Single-Inheritance Language (๋จ..
๋ถ๋ฅ ๋ฌธ์ ์ ์ข ๋ฅ 1. ์ด์ง ๋ถ๋ฅ : 2๊ฐ์ ๋ถ๋ฅ ์ค ํ๋ ์ ํ 2. ๋ค๋ถ๋ฅ ๋ถ๋ฅ : 3๊ฐ ์ด์์ ๋ถ๋ฅ ์ค ํ๋ ์ ํ 3. ๋ค์ค๋ ์ด๋ธ ๋ถ๋ฅ : ํ๋์ ๋์์ ๋ํด์ ์ฌ๋ฌ๊ฐ ๋ถ๋ฅ ์ง์ ๊ฐ๋ฅ ์ถ๋ ฅ ๊ฐ์ ํํ ๋ฌธ์์ด ๋๋ ๊ธฐํธ - 'cold' ์ ์ ์ธ์ฝ๋ฉ - 0 2 1 one-hot ์ธ์ฝ๋ฉ - [1. 0. 0.] -> 3๊ฐ์ค ํ๋๋ง 1์ ์ค์ฐจํจ์ ๊ธฐ๋ํ๋ ์ถ๋ ฅ๊ณผ ๋ชจ๋ธ์ ์ถ๋ ฅ ์ฐจ์ด๋ฅผ ์ถ์ ํ์ฌ ํํํ๋ ํจ์ ํ๊ท๋ฌธ์ ์ ์ค์ฐจํจ์ ์ด์ง ๋ถ๋ฅ ๋ฌธ์ ์ ์ค์ฐจํจ์ : ์ค์ฐจํจ์๋ก ์์ ๋ก๊ทธ ๊ฐ๋ฅ๋ ์ฌ์ฉ ๊ฐ๋ฅ ๋ค๋ถ๋ฅ ๋ถ๋ฅ ๋ฌธ์ ์ ์ค์ฐจํจ์ : ๋ฐ์ดํฐ์ ๊ฐ๋ฅ๋๋ฅผ ์ต๋๋ก ํ๋ ํ๋ผ๋ฏธํฐ w ๋ฅผ ์ถ์ ํ๋ ๊ฒ ์ค์ฐจํจ์ : ๊ฐ๋ฅ๋์ ์์ ๋ก๊ทธ ๊ฐ๋ฅ๋ ์ถ๋ ฅ์ one-hot ์ธ์ฝ๋ฉ ์ถ๋ ฅ >= 0, ์ถ๋ ฅ์ ํฉ = 1 ์ํํธ๋งฅ์ค ์ธต ์ต์ข ์ถ๋ ฅ์ ..
๊ณํ์๋ฆฝ ์ฃผ์ด์ง ๊ณํ์๋ฆฝ ๋ฌธ์ ์ ์์์ ์ด๊ธฐ ์ํ์์ ๋ชฉํ ์ํ ์ค์ ํ๋๋ก ๋๋ฌํ ์ ์๊ฒ ํ๋ ์ผ๋ จ์ ํ๋์ ์์ฑํ๋ ๊ฒ ๋ก๋ด์ ๊ณํ ์๋ฆฝ ์์ง์ ๊ณํ์๋ฆฝ : ์ํ๋ ์์ง์ ์์ ์ ์ํํ๋๋ก ์ ์ฝ์กฐ๊ฑด์ ๋ง์กฑ์ํค๋ฉด์ ์ต์ ๋น์ฉ์ผ๋ก ์ผ๋ จ์ ์์ง์์ ์ฐพ์๋ด๋ ์ผ ๊ฒฝ๋ก ๊ณํ์๋ฆฝ : ์์ ์์น์์ ๋ชฉ์ ์์น๋ก ๊ฐ๊ธฐ ์ํด ๊ด์ ์ด๋ ๋ฐํด๋ฅผ ์ด๋์ํฌ ์์ฐจ์ ์ธ ์์น๋ฅผ ๊ฒฐ์ ํ๋ ์ผ ๊ถค์ ๊ณํ์๋ฆฝ : ์ฃผ์ด์ง ๊ฒฝ๋ก์ ์ ์ฝ์กฐ๊ฑด์ ๊ณ ๋ คํ์ฌ ๋งค ์์ ์ ๊ด์ ๋ฑ์ ์์น, ์๋, ๊ฐ์๋๋ฅผ ๊ฒฐ์ ํ๋ ์ผ ๊ณํ์๋ฆฝ ๋ฌธ์ ์ ๊ตฌ์ฑ์์ ์ด๊ธฐ์ํ์ ๋ํ ๋ช ์ธ ์ํ๋ ๋ชฉํ ์ํ์ ๋ํ ๋ช ์ธ ๊ฐ๋ฅํ ํ๋๋ค์ ๋ํ ๋ช ์ธ ๊ณํ์๋ฆฝ ๋ฌธ์ ์ ํํ 1. ๊ณ ์ ์ ๊ณํ์๋ฆฝ ๊ฐ์ฅ ๊ฐ๋จํ ๊ณํ์๋ฆฝ ๋ฌธ์ ๋ถ๋ฅ ๊ธฐ๋ณธ์ ์ ์ด๊ธฐ ์ํ๋ ํ๋๋ง ์ฃผ์ด์ง๋ค. ํ๋๋ค์ ์ง์์..
Alexnet๋ชจ๋ธ ReLUํจ์๋ฅผ ์ฌ์ฉํ ์ฒซ ๋ชจ๋ธ FC์ธต์์ ๋๋กญ์์ ๊ธฐ๋ฒ ์ฌ์ฉ ์ต๋๊ฐ ํ๋ง ์ฌ์ฉ ๋ง์ง๋ง์ธต ์ํํธ๋งฅ์ค ์ฌ์ฉ Quiz 1x1 ์ปจ๋ณผ๋ฃจ์ ์์ ์ปจ๋ณผ๋ฃจ์ ํํฐ๋ ๊น์ด ๋ฐฉํฅ์ 1์ฐจ์ ๋ฐฐ์ด ํํ๋ฅผ ๊ฐ๋๋ค. (X) ์ปจ๋ณผ๋ฃจ์ ์ธต์ ์ถ๋ ฅ์ผ๋ก ๋ง๋ค์ด์ง๋ ์ฑ๋ ๊ฐ์๋ ์ปจ๋ณผ๋ฃจ์ ํํฐ์ ๊ฐ์์ ๊ฐ๋ค. (X) ๋์ปจ๋ณผ๋ฃจ์ ์ด ์ ์ฉ๋๋ฉด ์ ๋ ฅ๋ณด๋ค ๋ ํฐ ์ถ๋ ฅ์ด ๋ง๋ค์ด์ง ์ ์๋ค. (O) ํฝ์ฐฝ ์ปจ๋ณผ๋ฃจ์ ์ ์ ์ฉํ๋ฉด ๋ ๋์ ์์ญ์ ํน์ง ์ถ์ถํ ์๋ ์๋ค. (O) ๊ณต๊ฐ ๋ถํ ์ปจ๋ณผ๋ฃจ์ ์ธ ๊ฒฝ์ฐ ํ์ต๋์ด์ผ ํ๋ ์ปจ๋ณผ๋ฃจ์ ํํฐ์ ํ๋ผ๋ฏธํฐ๊ฐ ๋ ๋ง๋ค. (X) ๊น์ด๋ณ ๋ถํ ์ปจ๋ณผ๋ฃจ์ ์ ์ฑ๋๋ณ๋ก ์ปจ๋ณผ๋ฃจ์ ์ ํ ๋ค์, 1x1 ์ปจ๋ณผ๋ฃจ์ ์ ์ ์ฉํ๋ค. (O)
PyTorch Python์ผ๋ก ๊ธฐ์กด ๋ฅ๋ฌ๋ ํ๋ ์์ํฌ Torch๋ฅผ ๊ตฌํํ ๊ฒ TensorDataSet() ๋ฐฐ์ด ์์ ๋์๋๋ ์์๋ผ๋ฆฌ ๊ฒฐํฉํ์ฌ ํ๋์ ๋ฐ์ดํฐ ์งํฉ ์์ฑ TensorLoader() TensorDataSet๊ฐ์ฒด๋ฅผ ํ์ต ๋ฐ ์ถ๋ก ์ ์ฌ์ฉํ๊ธฐ ํธ๋ฆฌํ ๊ฐ์ฒด๋ก ๋ณํ ๊ณ์ฐ ๊ทธ๋ํ ์ฐ์ฐ๊ณผ์ ์ data flow๋ก ๋ํ๋ธ ๊ทธ๋ํ ๊ตฌ์กฐ ์ ๋ฐฉํฅ ๊ณ์ฐ์ ํตํด ์ฐ์ฐ์ ์ํํ๊ณ , ์ญ๋ฐฉํฅ ๊ณ์ฐ์ผ๋ก ๊ทธ๋ ๋์ธํธ๋ฅผ ๊ตฌํ ์ ์์
์ปจ๋ณผ๋ฃจ์ ์ ๊ฒฝ๋ง ์ ๋ฐ๋ถ : ์ปจ๋ณผ๋ฃจ์ ์ฐ์ฐ์ ์ํํ์ฌ ํน์ง ์ถ์ถ ํ๋ฐ๋ถ : ํน์ง์ ์ด์ฉํ์ฌ ๋ถ๋ฅ ์์๋ถ๋ฅ, ์ธ์ ๋ฑ ์ธ์ ๋ฌธ์ ์ ๋์ ์ฑ๋ฅ ์ปจ๋ณผ๋ฃจ์ ์ผ์ ์์ญ์ ๊ฐ๋ค์ ๋ํด ๊ฐ์ค์น๋ฅผ ์ ์ฉํ์ฌ ํ๋์ ๊ฐ์ ๋ง๋๋ ์ฐ์ฐ ์คํธ๋ผ์ด๋ : ์ปค๋์ ๋ค์ ์ปจ๋ณผ๋ฃจ์ ์ฐ์ฐ์ ์ํด ์ด๋์ํค๋ ์นธ ์ ํจ๋ฉ : ์ปจ๋ณผ๋ฃจ์ ๊ฒฐ๊ณผ์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ธฐ ์ํด ์ ๋ ฅ ๋ฐฐ์ด์ ๋๋ ๋ฅผ ํ์ฅํ๊ณ 0์ผ๋ก ์ฑ์ฐ๋ ์ฐ์ฐ ํน์ง์ง๋ ์ปจ๋ณผ๋ฃจ์ ํํฐ์ ์ ์ฉ ๊ฒฐ๊ณผ๋ก ๋ง๋ค์ด์ง๋ 2์ฐจ์ ํ๋ ฌ k๊ฐ์ ์ปจ๋ณผ๋ฃจ์ ํํฐ๋ฅผ ์ ์ฉํ๋ฉด k๊ฐ์ 2์ฐจ์ ํน์ง์ง๋ ์์ฑ ํ๋ง ์ผ์ ํฌ๊ธฐ์ ๋ธ๋ก์ ํตํฉํ์ฌ ํ๋์ ๋ํฏ๊ฐ์ผ๋ก ๋์ฒดํ๋ ์ฐ์ฐ ์ต๋๊ฐ ํ๋ง : ์ง์ ๋ ๋ธ๋ก ๋ด์ ์์๋ค ์ค์์ ์ต๋๊ฐ์ ๋ํฏ๊ฐ์ผ๋ก ์ ํ ํ๊ท ๊ฐ ํ๋ง : ๋ธ๋ก ๋ด์ ์์๋ค์ ํ๊ท ๊ฐ์ ๋ํฏ๊ฐ์ผ๋ก ์ฌ์ฉ ํ๋ฅ ์ ํ๋ง :..
๋ฅ๋ฌ๋ ๋ค์์ ์ธต์ ๊ฐ๋ ์ ๊ฒฝ๋ง ๊ตฌ์กฐ ์ฌ์ฉ ๋ณต์กํ ๊ตฌ์กฐ์ ์ ๊ฒฝ๋ง์ ํ์ต์ํค๊ธฐ ์ํด ๋ง์ ๋ฐ์ดํฐ์ ์ปดํจํ ์์ ํ์ ๊ธฐ์กด ๊ธฐ๊ณํ์ต ๋ณด๋ค ๋ฐ์ด๋ ์ฑ๋ฅ ์ผ๋ฐ ์ ๊ฒฝ๋ง : ์์์ ์๋์ธต ํฌํจ - ํ์ต์ด ์ ์๋จ ํน์ง ์ถ์ถํ ํน์ง ๋ฒกํฐ๋ฅผ ์ ๊ฒฝ๋ง ํ์ต์ ์ ๋ ฅ์ผ๋ก ์ฌ์ฉ ๋ฅ๋ฌ๋ ์ ๊ฒฝ๋ง : ๋ค์์ ์๋์ธต ํฌํจ ํน์ง ์ถ์ถ๊ณผ ์ ๊ฒฝ๋ง ํ์ต์ ํจ๊ป ์ํํจ ๊ธฐ์ธ๊ธฐ ์๋ฉธ ๋ฌธ์ ์๋์ธต์ด ๋ง์ ๋ค์ธต ํผ์ ํธ๋ก ์์ ์ถ๋ ฅ์ธต์์ ์๋ ์ธต์ผ๋ก ๊ฐ์๋ก ์ ๋ฌ๋๋ ์ค์ฐจ๊ฐ ํฌ๊ฒ ์ค์ด๋ค์ด ํ์ต์ด ๋์ง ์๋ ํ์ ๊ธฐ์ธ๊ธฐ ์๋ฉธ ๋ฌธ์ ์ํ ์๊ทธ๋ชจ์ด๋๋ ์๊ณก ํ์ ํธ ๋์ ReLUํจ์ ์ฌ์ฉ ReLUํจ์ ์ฌ์ฉ๊ณผ ํจ์ ๊ทผ์ฌ ํจ์๋ฅผ ๋ถ๋ถ์ ์ธ ํ๋ฉด ํ์ผ๋ค๋ก ๊ทผ์ฌํ๋ ํํ ์ถ๋ ฅ์ด 0 ์ด์์ธ ๊ฒ๋ค์ ์ํด ๊ณ์ฐ๋๋ ๊ฒฐ๊ณผ ๊ฐ์ค์น ์ด๊ธฐํ ์ ๊ฒฝ๋ง์ ์ฑ๋ฅ์ ํฐ ์ํฅ์ ์ฃผ๋ ์์ ๋ณด..
์ํํธ์จ์ด ๋์์ธ sw ๋์์ธ์ ์ค์์ฑ? ๋์์ธ์ ํ์ง์ด ๊ฐํ๋๋ ๊ณณ์ด๋ค. ๋์์ธ์ ํ์ง์ ํ๊ฐํ ์ ์๋ swํํ์ ์ ๊ณตํ๋ค. ์ข์ ์ค๊ณ์ ํน์ง ์ค๊ณ๋ ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ๋ํ๋ด์ผ ํ๋ค. ์ค๊ณ๋ ๋ชจ๋์์ด์ด์ผ ํ๋ค. ์ค๊ณ๋ ๋ฐ์ดํฐ์ ์ ์ฐจ์ ๋ํ ๋๋ ทํ๊ณ ๋ถ๋ฆฌ ๊ฐ๋ฅํ ํํ์ ํฌํจํด์ผ ํ๋ค. ์ค๊ณ๋ ๋ ๋ฆฝ์ ์ธ ๊ธฐ๋ฅ์ ํน์ฑ์ ๋ํ๋ด๋ ๋ชจ๋๋ก ์ด์ด์ ธ์ผ ํ๋ค. ์ค๊ณ๋ ๋ชจ๋๊ณผ ์ธ๋ถ ํ๊ฒฝ ๊ฐ์ ์ฐ๊ฒฐ ๋ณต์ก์ฑ์ ์ค์ด๋ ์ธํฐํ์ด์ค๋ก ์ด์ด์ ธ์ผ ํ๋ค. ์ค๊ณ๋ ๋ณํ๋ฅผ ์์ฉํ๊ธฐ ์ฌ์์ผ ํ๋ค. ๋ชจ๋ํ โฌ๏ธ -> ๊ฐ๋ฐ๋น์ฉ โฌ๏ธ -> ์ ์ง๋ณด์ ๋น์ฉ โฌ๏ธ ํจ๊ณผ์ ์ธ ๋ชจ๋ํ ์ค๊ณ ๊ธฐ๋ฅ์ ๋ ๋ฆฝ : ๊ฐ๊ฐ์ ๋ชจ๋์ด ๋ ๋ฆฝ์ ์ธ ๊ธฐ๋ฅ์ ํด์ผํ๋ค. ์ถ์ํ ๋ฐ ์ ๋ณด ์๋ ๊ฐ๋ ์ ๊ธฐ๋ฐ์ผ๋ก ์ค๊ณ ๊ฐ ๋ชจ๋์๋ ์๊ตฌ์ฌํญ์ ํน์ ๊ธฐ๋ฅ์ด ์๋ค. ๊ฐ ๋ชจ๋์ ์ธ๋ถ์์ ๋ณผ ๋ ..
๋ฆฌ์กํธ ํ์ผ๊ตฌ์กฐ ์ผ๋จ ๋ด๊ฐ ์๊ณ ์๋ / ์ฌ์ฉํ๊ณ ์๋ ๊ตฌ์กฐ๋ ์ด๋ ๋ค. actions/ user/ 1.jsx 2.jsx friut/ 1.jsx coommon/ http.js components/ User/ 1.jsx Fruit/ 1.jsx 2.jsx services/ user/ 1.js 2.js fruit/ 1.js actions์๋ ์๋์ฒ๋ผ services์์ ๋ถ๋ฌ์จ ํจ์๋ก ์๋ฒ๊ณผ ์ง์ ํต์ ํ๋ ๋ถ๋ถ์ด ๋๊ฒ ๋ค. import UserService from '../services/userservice'; export const RegisterUser = async user => { try { const res = await UserService.register(user); console.log(res); r..
https://mui.com/styles/basics/ @mui/styles - MUI The legacy styling solution of MUI. mui.com meterial ui์์ ์ ๊ณตํด์ฃผ๋ styles api๊ฐ ๋ฐ๋ก ์๋ค. ๋จผ์ , ์ค์น๋ฅผ ํด์ค๋ค. npm install @mui/styles react hook์์๋ ์๋์ฒ๋ผ ์ฌ์ฉํ๋ค. import * as React from 'react'; import { makeStyles } from '@mui/styles'; import Button from '@mui/material/Button'; const useStyles = makeStyles({ root: { background: 'linear-gradient(45deg, #FE6B8B 30%,..
์ต๊ทผ ๋ฆฌ์กํธ ๋ผ์ฐํฐ๊ฐ v5 ์์ v6๋ก ์ ๋ฐ์ดํธ ๋๋ฉด์ ๋ฐ๋ ๊ฒ๋ค์ ์ ๋ฆฌํด๋ณผ๊น ํ๋ค. ๋ผ์ฐํฐ ์์ํ๊ธฐ ์ค์น : ๋จผ์ ์ค์น๋ฅผ ํด์ค๋ค. ๋ค์ 6์ ๋ฒ์ ์ ๋ํ๋ธ๋ค. npm install react-router-dom@6 URL ์ฐ๊ฒฐ ๋จผ์ ์ฑ์ ๋ธ๋ผ์ฐ์ ์ URL์ ์ฐ๊ฒฐํ๋ค. BrowserRouter์ ์ ์ฒด ์ฑ์ ๋ ๋๋งํ๋ค. index.js import { render } from "react-dom"; import { BrowserRouter } from "react-router-dom"; import App from "./App"; const rootElement = document.getElementById("root"); render( , rootElement ); Routes : ์๋ก ๋ค๋ฅธ URL์์ ..
์ ๊ทํํ์์ด๋? ์ ๊ท ํํ์์ ๋ฌธ์์ด์ ๋ํ๋ ํน์ ๋ฌธ์ ์กฐํฉ๊ณผ ๋์์ํค๊ธฐ ์ํด ์ฌ์ฉ๋๋ ํจํด์ด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ ๊ทํํ์๋ ๊ฐ์ฒด๋ค. ์ ๊ท์์ ๋ง๋๋ 2๊ฐ์ง ๋ฐฉ๋ฒ 1. ์ ๊ท์ ๋ฆฌํฐ๋ด ์ฌ์ฉ let re = /ab+c/; 2. RegExp ๊ฐ์ฒด์ ์์ฑ์ ํจ์ ์ฌ์ฉ let re = new RegExp("ab+c"); ์ ๊ท์ ๋ฆฌํฐ๋ด์ ์คํฌ๋ฆฝํธ๊ฐ ๋ถ๋ฌ์์ง ๋ ์ปดํ์ผ๋๊ณ , ์์ฑ์ ํจ์๋ ์คํ ์์ ์ ์ปดํ์ผ ๋๋ค๋ ์ฐจ์ด์ ์ด ์๋ค. ์ ๊ท์ ํจํด 1. ๋จ์ ํจํด ์ฌ์ฉ ๋ฌธ์์ด์ ์๋ ๊ทธ๋๋ก ๋์์ํค๊ณ ์ ํ ๋ ์ฌ์ฉ๋๋ค. ์๋ฅผ ๋ค์ด, /abc/ ๋ผ๋ ํจํด์ abc ๋ผ๋ ๋ฌธ์, ์์๊ฐ ๋ชจ๋ ๋์๋์ด์ผ๋ง ํ๋ค. 2. ํน์ ๋ฌธ์ ์ฌ์ฉ ํจํด์ ํน์ ๋ฌธ์๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ๋ฌ ๊ฐ์ a๋ฅผ ์ฐพ๊ฑฐ๋ ์ซ์๋ง ์ฐพ๊ฑฐ๋ ํ ์ ์๋ค. ์ ๊ท์ ์ฌ์ฉ..