[React] onKeyDown, onKeyUp ์ด๋ฒคํธ, ํ๊ธ ์
๋ ฅ ์ ํจ์ ๋ ๋ฒ ์คํ๋๋ ๋ฌธ์ ํด๊ฒฐ
ยท
Frontend/React
๐ฅ ๋ฐ์ํ ๋ฌธ์ ํ
์คํธ๋ฅผ ์
๋ ฅํ๊ณ ์ํฐ(Enter) ํค๋ฅผ ๋๋ฅด๋ฉด ๋ชฉ๋ก์ ์๋กญ๊ฒ ์ถ๊ฐ๋๊ณ input ์ฐฝ์ ๋น์์ง๋๋ก ๊ตฌํํ๋๋ฐ ์ ์ง ๋ชจ๋ฅด๊ฒ ํจ์๊ฐ ๋ ๋ฒ ์คํ๋๋ฉด์ ๊ธฐ์กด ํ
์คํธ์ ๋ง์ง๋ง ๊ธ์๊ฐ ๋ชฉ๋ก์ ์ถ๊ฐ๋๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋คโ๏ธ ์์ธ ๋ถ์ ๊ฒ์ํด๋ณธ ๊ฒฐ๊ณผ ์ด๋ฌํ ๋ฌธ์ ๋ ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ์์ ํ๊ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ง ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค. (์์ด๋ก ์
๋ ฅํ๋ฉด ํค ์ด๋ฒคํธ๊ฐ ์ค๋ณต์ผ๋ก ๋ฐ์ํ์ง โ) ๊ตฌ์ฒด์ ์ผ๋ก ์ GIF๋ฅผ ๋ณด๋ฉด ํ๊ธ ์
๋ ฅ ์ ์
๋ ฅ ์ค์ธ ๊ธ์ ์๋ ๊ฒ์ ๋ฐ์ค์ด ์๊ธฐ๋๋ฐ ํด๋น ๋ฐ์ค์ด ์๋ ์ํฉ์์ ํค ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋ฉด ํจ์๊ฐ ๋ ๋ฒ ์คํ๋๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค. ํ๊ธ์ ๊ฒฝ์ฐ ์์๊ณผ ๋ชจ์์ ์กฐํฉ์ผ๋ก ๋ง๋ค์ด์ง๋ ์กฐํฉ ๋ฌธ์์ด๊ธฐ ๋๋ฌธ์ ๊ธ์๊ฐ ์กฐํฉ ์ค์ธ์ง ์กฐํฉ์ด ๋๋ ์ํ์ธ์ง๋ฅผ ์ ์ ์์ด ์๊ธฐ๋ ๋ฌธ์ ์ด๋ค. ๐งฏ ํด๊ฒฐ ๋ฐฉ๋ฒ ..