์ต๊ทผ์ ์ต์ ํ ๊ด๋ จ๋ ๊ธ์ ์ฐพ์๋ณด๋ค๊ฐ TCO(Tail Call Optimization) ๋ผ๋ ๊ฐ๋ ์ ์ ํ์์ต๋๋ค. ๊ถ๊ธํด์ ์์๋ณด๋ ์ฌ๊ท์ ๊ด๋ จ๋ ๋ฉ๋ชจ๋ฆฌ ์ต์ ํ ๋ฐฉ๋ฒ์ผ๋ก์ ์ด๋ฒ ๊ธ์์๋ ์ด์ ๋ํ ๋ด์ฉ์ ์ค๋ช ํด๋ณด๊ฒ ์ต๋๋ค.
์ผ๋ฐ CSS๋ฅผ ์ฌ์ฉํ๋ ๊ฒ๊ณผ CSS-in-JS๋ฅผ ์ฌ์ฉํ๋ ๊ฒ ์ค์ ์ด๋ค ๊ฒ์ด ๋ ์ฑ๋ฅ์ ์ข์๊ฐ? ๋ผ๊ณ ๋ฌผ์ด๋ณด๋ฉด ์ฌ๊ธฐ์์๋ ์ด๋ ๊ฒ ๋๋ตํ๊ณ ์๋ค. JS ์์ด ์ ์ == ๋ ๋น ๋ฆ
ํ์ฌ ๋ง์ ์ฑ ์๋น์ค๋ค์ ์น ๋ทฐ๋ฅผ ์ฌ์ฉํ๊ณ ์๋ค. ๊ทธ ์ด์ ์ ๋ํด์๋ ์๋นํ ๋ค์ํ ๊ฒ์ด๋ค. ์ ๋ฐ์ดํธ๊ฐ ๋๋ฌด ๋น๋ฒํด์ ์ฑ ์คํ ์ด๋ฅผ ํตํด์ ์ ๋ฐ์ดํธํ๋ ๊ฒ๋ณด๋ค ์น์ ์ ๋ฐ์ดํธํ๋ฉด ๊ฐํธํ๊ฒ ์ ๋ฐ์ดํธํ ์ ์๋ค๋์ง...
์ต๊ทผ์ Screen Dragging์ ๋ํด์ ๊ตฌํํด์ผ ํ๋ ์์ ์ด ์๊ฒผ๋ค. ์ด Screen Dragging์ ์ ๋ง ๋ง์ ๊ณณ์์ ์ฌ์ฉ๋๋ค. ์๋ก ๋ค๋ฉด, Trello, Notion ๋ฑ๋ฑ ๋ง์ ์ฌ์ดํธ์์ ์ฌ์ฉ๋๊ณ ์๋ค. Dragging ๊ธฐ๋ฅ์ ํฌ๊ฒ 3๊ฐ์ง๊ฐ ์กด์ฌํ๋ค.
์นํ์ด์ง๋ฅผ ๊ตฌํํ ๋, Modal์ด๋ผ๋ ๊ฐ๋ ์ ์ ๋ง ๋ง์ด ์ฐ์ธ๋ค. ํ์ง๋ง ๋จ๋ฐฉํฅ์ผ๋ก๋ง ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ธ๋ฉํด์ฃผ๋ React ํน์ฑ์ Modal ๋ง๋ค ๋์๋ ๊ตฌ์กฐ์ ์ด๋ z-index๊ณผ ๊ฐ์ ๋ทฐ์ชฝ์์ ๊น๋ํ์ง์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค..๐ค ๊ทธ๋์, ํน์ Redux๋ฅผ ์ด์ฉํ์ฌ Mod
ํ๋ก์ ํธ๋ฅผ ์งํํ๋ ๋์ค์ Tooltip์ด ์ถ๊ฐ ๊ธฐ๋ฅ์ผ๋ก ํ์๋ก ํ์๊ธฐ์ ์ด๋ ๊ฒ ์ ์ํ๋ ๊ธฐํ๊ฐ ๋์๋ค. ์ฌ์ค ์ด์ ๊น์ง๋ ์ด๋ฏธ ๋ง์ด ์๋ ค์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด์ ํดํ์ ์ฌ์ฉํ์ง๋ง, ์ฌ์ฉํ ๊ธฐ๋ฅ์ ๋นํด์ ์ ๊ณตํ๋ ๊ฒ์ด ๋๋ฌด ๊ณผํ๋ค๊ณ ์๊ฐํ์๋ค. ๊ทธ๋์ ์ด๋ฒ ๊ธฐํ์..