์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ๊ฐ๋ฐ์
- DesignPattern
- ์ฑ์ํซํ
- ํค๋ํผ์คํธ
- ์ค๋ธ์ ํธ
- IntelliJ
- JAVA๊ฐ๋ฐ์
- ๊นจ๋ํ์ฝ๋
- ์ง์ฅ์ธ
- JavaScript
- ๊ฐ์ฒด์งํฅ
- Java
- ๋์์ธํจํด
- ์ง์ฅ์ธ์ ์ฌ
- ์์
- ํด๋ฆฐ์ฝ๋
- ์ฑ์๋ง์ง
- Linux
- ์ฃผ๋์ด๊ฐ๋ฐ์
- ์ฝ๋ฉ
- docker
- ์ฑ์์ง์ฅ์ธ
- ์ฑ์๋ณผ๊ฑฐ๋ฆฌ
- ๋ ์์ผ์ง
- ๊ฐ์ฒด์งํฅํ๋ก๊ทธ๋๋ฐ
- ํค๋ํผ์คํธ๋์์ธํจํด
- ์ฑ์
- ๋ ์
- ์ฑ ๋๋
- ์ฑ ์ฝ๊ธฐ
- Today
- Total
๋ชฉ๋ก๋ฆฌ์กํธ (2)
๋ญ๋ฐ๊ฐ๋ฐ
์์ธ ํจ์์ธ๋ฐ ํจ์๋ก ์จ์ฃผ์ง ์์์ ์๊ธฐ๋ ์์ธ ex) function() ์ธ๋ฐ function์ผ๋ก ์์ฑํ ๊ฒฝ์ฐ ํด๊ฒฐ ํจ์์ธ๋ฐ function ์ด๋ผ๊ณ ์์ฑํ ๊ฒ ์๋ค๋ฉด function()์ผ๋ก ์์ ํ๋ค. ์ฐธ๊ณ : https://heytech.tistory.com/428
react์์๋ ์ด๋ \n์ ์จ๋ ์ค๋ฐ๊ฟ ๋์ง ์์๋ค. React์์ ํ ์คํธ ์ค๋ฐ๊ฟ? const text = "๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด\n ๋ง๋ฅด๊ณ ๋ณ๋๋ก" ์ ๋ฌธ์ฅ์ React์์ ์ถ๋ ฅํ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํ ๊น์? ์ผ๋ฐ์ ์ผ๋ก JSX์์๋ ๊ฐํ ๋ฌธ์(‘\n’)๊ฐ ๋์ํ์ง ์์ ์๋์ ๊ฐ์ด ์ถ๋ ฅ์ด ๋ฉ๋๋ค. ๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก ๊ทธ๋ฌ๋ฉด ์๋์ ๊ฐ์ด ์ค๋ฐ๊ฟ ํ๊ทธ์ธ ์ ์ฌ์ฉํ๋ฉด ์ด๋จ๊น์? const text = "๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก" ์ด ๋ฌธ์ ๊ทธ๋๋ก ์ถ๋ ฅ๋ฉ๋๋ค. ๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก ์๋ ๊ทธ๋ฌ๋ฉด ์ด๋ป๊ฒ ํด๊ฒฐํ๋์? CSS ์์์ white-space:pre-wrap์ ์ค์ ํด์ฃผ์๋ฉด ๋ฉ๋๋ค. white-space: pre-wrap; ๊ฐํ ๋ฌธ์(‘\n’)์ ์ ์ธ์ํ์ฌ ์ค๋ฐ๊ฟํ ๊ฒฐ๊ณผ๋ฅผ ์ถ๋ ฅํ๊ฒ ..