์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ๋ชจ๋ฐ์ผ๊ฒ์
- PT
- ๊ฒ์์ถ์ฒ
- ํฌ์ค๊ธฐ๋ก
- ํ ์ต๋ชฉํ
- ์ฝ๋ฉ์บ ํ
- ์ฝ๋ฉํ ์คํธ
- GitHub
- ๊นํ๋ธ
- ์ฝ๋ฉ
- ํ๊ธฐ
- Git
- Front-End
- FE
- ๊ฐ๋ฐ์
- ์ผํ
- ์ด๋ชฝ์ด์ค
- react
- ๊น
- ๋ค์ด์ดํธ
- ํ์
- ํฌ์ค
- TiL
- ์ด๋ชฝ์ด์ค๊ณต๋ต
- ๋ฐ๋ํ๋กํ
- ๋น์ ๊ณต์
- ํ๋ก๊ทธ๋๋จธ์ค
- IT
- ์ฑ์ฅ๊ธฐ๋ก
- ์ง์ฝ
- Today
- Total
๋ชฉ๋กD E V E L O P E R ๐ป (13)
JOYLOG

Recat JS facebook ์์ 2013 ๋ ์ ๋ฐํํ library ์ปดํฌ๋ํธ๋ก ์ด๋ฃจ์ด์ ธ ์์ด ์ฌ์ฌ์ฉ์ฑ์ด ๋ฐ์ด๋จ Virtual DOM Real DOM? Virtual Dom? ์ด ๋ฌด์์ธ๊ฐ. 10๊ฐ์ ๋ฆฌ์คํธ๊ฐ ์์ ๋, ๊ทธ ์ค ํ๋์ ๋ฆฌ์คํธ๊ฐ Update ๋์๋ค. Real DOM : ์ ์ฒด ๋ฆฌ์คํธ๋ฅผ ๋ค์ Reload ํด์ผํ๋ฏ๋ก, ๋ง์ ๋น์ฉ ๋ฐ์ Virtual DOM : ๋ฐ๋ ํ ๊ฐ์ง ์์ดํ ๋ง DOM์์ ๋ฐ๊ฟ ์ค. Virtual Dom์ ์ด๋ป๊ฒ ํ ๊ฐ์ง ์์ดํ ๋ง DOM์์ ๋ฐ๊ฟ ์ ์์๊น? JSX ๋ฅผ ๋๋๋งํ๋ค. (Virtual DOM ์ด Update) ์ด์ Virtual DOM๊ณผ ๋น๊ตํด ๋ฐ๋ ๋ถ๋ถ์ ์ฐพ๋๋ค. ( = diffing) ๋ฐ๋ ๋ถ๋ถ๋ง Real DOM์์ ๋ฐ๊ฟ์ค๋ค. npx ํ์ฉํ์ฌ React Ap..

๋ฌธ์ ์ํฉ React Project์์ mongo DB๋ฅผ ์ฐ๊ฒฐํ๋ ์ฐ์ต์ ํ๋ ์ค 'MongooseServerSelectionError'๋ฅผ ๋ง์ฃผ์ณค๋ค. ํด๊ฒฐ Mongo DB ์ฌ์ดํธ์์ IP๋ฅผ ์ถ๊ฐํ๋ฉด ํด๊ฒฐ๋๋ค. Network access ํญ์์ IP๋ฅผ ์ถ๊ฐํ์. "ADD CURRENT IP ADDRESS" ์ ํด๋ฆญํ๋ฉด ํ์ฌ IP๊ฐ ์๋์ผ๋ก ๋ค์ด๊ฐ๋ค. ํด๊ฒฐ ์๋ฃ - ๐ป

2021 ๋ถ์คํธ์บ ํ ์ง์ ์ ๊น์ง์ ์ด์ผ๊ธฐ ์ ์ ์ง๋ก ๊ตฌ์ฒดํ์ ๋ํ ์๋ฐ๊ฐ์ด ๋ค๊ณ , ์ฌ๋๋ค ๋ง๋๋ฉด ํ๋ ์๊ธฐ๊ฐ 8ํ ์ ์ง๋ก ๊ด๋ จ์ด๋ค. ๋๋ ํญ์ ์์ธก ๋ถํํ ์ฌ๊ฑด๋ค์ ๋ง์ฃผ์น๋ฉฐ ๊ทธ ์ฌ๊ฑด๋ค์ ํด๊ฒฐํด๋ด๊ฐ๋ ์ฌ๋ฏธ๋ก ์ด์์๋๋ฐ, ๋๋ ทํ๊ฒ ์ง๋ก๋ฅผ ์ ํ๋ ค๋ ์ด๋ ค์ด ๊ฒ์ด๋ค. ๊ทธ๋๋ ๋ด๊ฐ ์ต๊ณ ๊ด์ฌ์๋ ๊ฒ์ ์ฌ๋๋ค์ด ์ฌ์ฉํ๋ ์๋น์ค, ๋ฌธํ์ ๊ด๋ จ๋ ๊ฒ. ์ฌ๋์ ์ข์ํ๋ ๋๋, ์ฌ๋์ ์ํ ์ผ์ ํ๊ณ ์ถ๋ค. ๊ทธ๊ฒ๋ ์์ฃผ ๊ฐ๊น์ด์์! ์ฒ์์๋ ํ์ฌ ๊ธฐํ, ์บ ํ์ธ ๊ธฐํ ๋ฑ์์ ์์ํ์ฌ, ์๋น์ค ๊ธฐํ์ ๊ฟ์ ๊ฐ๊ฒ ๋์๋๋ฐ, ํ๋ ์์ฒด๋ก ์๋ฏธ์๊ณ ์ฆ๊ฑฐ์ ์ง๋ง ํญ์ ํด์๋์ง ์๋ ์์ด๋ฆฌ๊ฐ ์๋ ๋๋์ด์๋ค. ๊ทธ๊ฒ์ ๋ฐ๋ก ์๋น์ค์ ๋ํ ์์ด๋์ด๋ฅผ ์ง์ ์คํํด๋๊ฐ๊ณ ์ถ์ ๊ฟ์ ๊พธ๊ณ ์์๊ธฐ ๋๋ฌธ์ด๋ค. ๊ทธ๋์ ๊ฐ๋ฐ์ ๊ด์ฌ์ ๊ฐ๊ฒ ๋์๊ณ , ๊ฐ์ฅ..
๋ฌธ์ ์ค๋ช ๊ดํธ๊ฐ ๋ฐ๋ฅด๊ฒ ์ง์ง์ด์ก๋ค๋ ๊ฒ์ '(' ๋ฌธ์๋ก ์ด๋ ธ์ผ๋ฉด ๋ฐ๋์ ์ง์ง์ด์ ')' ๋ฌธ์๋ก ๋ซํ์ผ ํ๋ค๋ ๋ป์ ๋๋ค. ์๋ฅผ ๋ค์ด "()()" ๋๋ "(())()" ๋ ์ฌ๋ฐ๋ฅธ ๊ดํธ์ ๋๋ค. ")()(" ๋๋ "(()(" ๋ ์ฌ๋ฐ๋ฅด์ง ์์ ๊ดํธ์ ๋๋ค. '(' ๋๋ ')' ๋ก๋ง ์ด๋ฃจ์ด์ง ๋ฌธ์์ด s๊ฐ ์ฃผ์ด์ก์ ๋, ๋ฌธ์์ด s๊ฐ ์ฌ๋ฐ๋ฅธ ๊ดํธ์ด๋ฉด true๋ฅผ return ํ๊ณ , ์ฌ๋ฐ๋ฅด์ง ์์ ๊ดํธ์ด๋ฉด false๋ฅผ return ํ๋ solution ํจ์๋ฅผ ์์ฑํด ์ฃผ์ธ์. ์ ํ์ฌํญ ๋ฌธ์์ด s์ ๊ธธ์ด : 100,000 ์ดํ์ ์์ฐ์ ๋ฌธ์์ด s๋ '(' ๋๋ ')' ๋ก๋ง ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. ํ์ด - ์คํ ํ์ฉ - ๋ฆฌ์คํธ๋ฅผ ๊ฒ์ฌํ์ฌ '('๋ ์คํ์ push ํ๊ณ , ')'์ผ ๋ ์คํ์ pop ํ๋ค. - ์ด๋ popํ '('๊ฐ..