์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- Ai
- Computer Vision
- vscode
- FLUTTER
- ํ๊ธ
- ํ๊ณ
- Center
- React
- ํดํ
- IOS
- ๋ค์ง
- Git
- Flutter codelab
- codelab
- Simulator
- OpenCV
- UIKit
- Column
- Xcode
- SwiftUI
- C++
- ๊ณต์๋ฌธ์
- Swift
- dart
- ์ค๋ํดํ
- family control
- useEffect
- git error
- ์ค์ํํธ
- Today
- Total
๋ชฉ๋กReact (7)
ram2 ๐
react๋ก ๋ง๋ ํ๋ก ํธ๋ฅผ ๋ฐฐํฌํ๊ธฐ ์ํด netlify๋ฅผ ๊ฐ์ ํ๊ณ , ๊นํ๋ธ๋ก ํ๋ก์ ํธ๋ฅผ ์ฐ๋ํ์๋ค. ํ์ง๋ง, ์๊พธ ์ ์ ์๋ ์๋ฌ๋ค์ด ๋จ๋ ๊ฒ์ด์๋ค. ๋๋ react๋ฅผ ์ ์์ง ๋ชปํ๊ธฐ ๋๋ฌธ์, ๋ญ ํด์ผํ๋์ง ์์ง ๋ชปํ๋ค. ๊ทธ๋์ ๋ด๊ฐ ๊ฒช์๋ ์ํ์ฐฉ์ค๋ค์ ์ ๋ฆฌํด๋ณด๋ ค ํ๋ค. ๐ป build ํด๋ ์์ฑํ๊ธฐ npm run build ํด๋น ์ฝ๋๋ฅผ ์คํํ๋ฉด ์๋์ผ๋ก build ํ์ผ์ด ์์ฑ๋๋ค. ๐ป Failed during stage "Reading and parsing configuration files": When resolving config: Base directory does not exist: /opt/build/repo/velog_front ์๋ฌ ํด๊ฒฐํ๊ธฐ ํด๋น ์๋ฌ๋ ๋์ ์ค์๋ก ๋ฐ์ํ ์๋ฌ์๋ค. ๊นํ๋ธ..
๐ฅ๏ธ ThemeProvider ? ์ง์ ๋ ๋์์ธ ์์คํ ์ ๋ชจ๋ ์ฝ๋์์ ์ฌ์ฉํ๊ธฐ ์ํด์๋ ์ด๋ป๊ฒ ํด์ผํ ๊น !? ๊ทธ๋ ์ฌ์ฉํ๋ ๊ฒ์ด ThemeProvider์ด๋ค. React ์ปดํฌ๋ํธ์์ ํ ๋ง์ ๋ํ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ์ญํ ์ด๋ผ๊ณ ํ๋ค. ์ด๋ฅผ ์ฌ์ฉํ๋ฉด ํ์ ์ปดํฌ๋ํธ์์ ๊ณตํต theme์ ์ฌ์ฉํ ์ ์๋ค. ์์๊ฐ์ props๋ฅผ ํตํด ์ ๋ฌํ๋ค. ๐ฅ๏ธ ์ด๋ป๊ฒ ์ฌ์ฉํ ๊น? 1. theme ํ์ผ์ ๋ง๋ค๊ณ , ํด๋น ํ์ผ์ ์์์ ์ง์ ํ๋ค. ๋ค์์ ๋ด๊ฐ ์ง์ ํ theme ์์์ด๋ค. // styles/theme.js const theme = { colors: { background: "#121212", text: "#ececec", primary: "#63e6be", primary2: "#62E6BE", white1: "#F1F..
์ด์ ์ react์์ ์ ๊ณตํ๋ dropdown ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ปค์คํ ํ ์ ์ด ์๋ค. ํ์ง๋ง ๋ด๊ฐ ์ด๋ฒ์ ๋ง๋ค์ด์ผ ํ๋ ๋๋กญ๋ค์ด์ ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ปค์คํ ํด์๋ ํ ์ ์์๋ค. ์ฝ 20๋ถ์ ๋ ํด๋ณด๊ณ ์๋๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ ์ฐพ์๋ณด๊ธฐ ์์ํ๋ค. ๋ด๊ฐ ํ๊ณ ์ถ์ ๊ฑด, ์์ด์ฝ์ ๋๋ ์ ๋ ๋๋กญ๋ฐ์ค๊ฐ ๋์ค๋ ๊ฒ์ด์๋๋ฐ ์ด๋ฌํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฐพ์๋ดค์ผ๋, ๊ตฌ๋ ์ ํ๊ฑฐ๋ ๋์ ๋ด์ผ ์ฌ์ฉํ ์ ์๋ ๋ถ๋ถ์ด์๋ค. ๊ณ ๋ฏผ ๋์ ๊ทธ๋ฅ ๋ง๋ค๊ธฐ๋ก ํ๋ค. ๋๋ต์ ์ธ ์๊ฐ์ ๋ค์๊ณผ ๊ฐ๋ค. 1. ์์ด์ฝ ๋ฒํผ์ ์์ฑํ๋ค. 2. ๋ฒํผ์ ํด๋ฆญ ํ์ ๋ dropdown์ ๋ณด์ฌ์ค๋ค. 3. dropdown ์ปจํ ์ด๋ ์์ ๊ฐ list์ ๋ผ์ฐํฐ๋ฅผ ์ฐ๊ฒฐํด ์ํ๋ ํ์ด์ง๋ก ์ด๋์ํจ๋ค. 1. ์์ด์ฝ ๋ฒํผ ์์ฑํ๊ธฐ ์ด๋ถ๋ถ์ ์์ ํ ui ์์ญ์ด๊ธฐ์ ๊ทธ๋ฅ ๋ด๊ฐ ..
react์์ ๋๋กญ๋ฐ์ค ๋ฒํผ ๋ง๋ค๊ธฐ ์ด์ฉ๋ค ํ๊ฒ ๋์๋๋ฉด, ์ต๊ทผ ํ๊ต์์ ๋ฐฉํ ์ค ์งํํ๋ ์น ์๋น์ค ์บ ํ์ ์ฐธ์ฌํ๊ณ ์๋ค. ๊ฐ๋ฐ ์ธ์ด, ํด ๋ฑ์ ์์ ๋กญ๊ฒ ์ ํํ ์ ์๊ธฐ์ ๋๋ ํ๋ก ํธ๋ ๋ฆฌ์กํธ๋ก ๊ฐ๋ฐํ๊ฒ ๋ค ๊ฒฐ์ ํ์๋ค. ํ์ฌ ์ง์ ํ๋ก์ ํธ๋ฅผ ๊ธฐํํ์ฌ ์๋ก์ด ์๋น์ค๋ฅผ ๋ง๋ค ์ ์๊ณ , ์ค์ ์๋ ์๋น์ค๋ฅผ ํด๋ก ํ ์๋ ์๋ค. ๋์๋ฆฌ๋ฅผ ํตํด ๊ธฐํ์ ๊ณผ์ ์ด ์ผ๋ง๋ ์ด๋ ต๊ณ ํ๋ ์ง๋ฅผ ์๊ณ ์์๊ธฐ์ ๋๋ ํด๋ก ์ฝ๋ฉ์ ์ ํํ์๋ค. ์ด๋ฒ ์บ ํ์์์ ๋ชฉํ๋ ๋ค์๊ณผ ๊ฐ๋ค. ์น ์๋น์ค๊ฐ ๋ง๋ค์ด์ง๋ ์ ์ฒด์ ์ธ ๊ณผ์ ์ ์ตํ๋ ๊ฒ. (ํ๋ก ํธ๋ถํฐ ์๋ฒ๊น์ง) ์ด๋ฅผ ์ํด Velog๋ฅผ ํด๋ก ์ฝ๋ฉํ๊ธฐ๋ก ๊ฒฐ์ ํ์๋ค. ์๋ก ์ด ๊ธธ์๋๋ฐ, ํด๋ก ์ฝ๋ฉ์ ํ๋ค๋ณด๋ ๋๋กญ๋ฐ์ค๋ฅผ ์ฌ์ฉํด์ผ ํ ์ผ์ด ์์๋ค. ์ฌ์ฉํ๊ธฐ๋ง ํ๋ฉด ๋๋ ๊ฒ์ด ์๋๋ผ, ๋์์ธ๋ ์ปค์คํ ํ๋ ๊ณผ..
๋ฆฌ์ํธ.. js, html, css ์ด ์ค ๊ทธ ์ด๋ ๊ฒ๋ ๋ฐฐ์ด ์ , ์ ํ ์ ์์์ง๋ง... ๊ต์ฅํ ์งง์ ์๊ฐ์ ๋ฆฌ์ํธ๋ฅผ ๊ณต๋ถํด์ผ๋ง ํ๋ค. ์ฃผ์ด์ง ์๊ฐ์ js๋ถํฐ ๋ฐฐ์ฐ๊ณ , ์ฐจ๊ทผ์ฐจ๊ทผ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ๊ณต๋ถํ๋ค. ํ์ง๋ง.... ์ ๋๋ก ์ดํดํ๊ณ , ์ค์ ์ ์ฌ์ฉํ๊ธฐ์๋ ์์ ๊ฐ๊ณผ ์ง์์ด ํฑ์์ด ๋ถ์กฑํ๋ค. ์ด๋ฒ ํ๋ก์ ํธ๋ฅผ ๋์๋ณด๋ฉด ๊ฑฐ์ ์ค์ ์ ๋ถ๋ชํ๋ฉฐ ๋ฐฐ์ ๋ ๊ฒ ๊ฐ๋ค. ๊ทธ ์ค ๋ฆฌ์ํธ๋ก ๋งํฌ๋ค์ด ์๋ํฐ์ ๋ทฐ์ด ๊ตฌํํ๋ ๋ถ๋ถ์ ์ ๋ฆฌํด๋ณด๋ ค๊ณ ํ๋ค. ๋๋ฌด๋ ๋คํํ ๋ง์ ์ฌ๋๋ค์ด ํฌ์คํ ์ ํด๋์๊ณ , ๋๋ฌด๋ ํธ๋ฆฌํ ํจํค์ง๊ฐ ์์๊ธฐ์ ์์ฃผ ์ฝ๊ณ ๊ฐ๋จํ๊ฒ ์ฌ์ฉํ ์ ์์๋ค. ๋ฌผ๋ก ๋ทฐ์ด๋ฅผ ํ๋ ๊ฒ์ ์์ด ์์ฃผ ์ค๋ ์๊ฐ ์ฝ์ง์ ํ๋ค๋ ๊ฒ...์ ์์ง ๋ชปํ ๊ฒ ๊ฐ๋ค...ํํ 1. install npm i @uiw/react-md-edito..