๐ป/Nomadcoders (3) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ HTML Form input์ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ ์๋์ํค๊ธฐ ์ํด์๋ input์ด form์์ ์กด์ฌํด์ผ ํจ. input์ form์์ ์์น์์ผฐ์๋ ์ํฐ๋ฅผ ๋๋ฅผ๋๋ง๋ค form์ ์๋์ ์ผ๋ก submit form์์ button ๋๋ type์ด submit์ธ input์ ํด๋ฆญํ๊ฑฐ๋ enter๋ฅผ ๋๋ฅด๋ฉด ์์ฑํ form์ด "submit" submit์ ์ํฐ๋ฅผ ๋๋ฅด๊ฑฐ๋ ๋ฒํผ์ ํด๋ฆญํ ๋ ๋ฐ์ > ๊ธฐ๋ณธ ๋์์ธ ๋ธ๋ผ์ฐ์ ์๋ก๊ณ ์นจ > form submit ๊ธฐ๋ณธ ๋์์ ๋ง๋ ํจ์ preventDefault(); vanilla JS Challenges 2022/03/07~2022/03/21 ๊ฐ์ฒด ์์ ๋ฉ์๋ ์ ์ธํ๊ธฐ const object = { handleMousEnter: function(){ /// }, handleMouseLeave: function(){ /// } }; ์ฌ์ฉํ Event - mouseenter, mouserleave, resize, contextmenu h2.addEventListener("mouseenter", superEventHandler.handleEnter); h2.addEventListener("mouseleave", superEventHandler.handleLeave); window.addEventListener("resize", superEventHandler.handleResize); window.addEventListener("contextmen.. [React JS] Arrow function์ด๋? โถ ํ์ดํ ํจ์(Arrow function) var/let/const ํจ์๋ช = (๋งค๊ฐ๋ณ์) => {์คํ๋ฌธ} : ์ผ๋ฐ ํจ์ ํํ์๋ณด๋ค ๋จ์ํ๊ณ ๊ฐ๊ฒฐํ ๋ฌธ๋ฒ : return ๋ช ๋ น์ด ์์ด๋ ํจ์ ์คํ์ ์ข ๋ฃ์ํค๊ณ ๊ฐ์ ๋ฐํ. : ์ต๋ช ํจ์, ํจ์๋ฅผ ์ฌ์ฌ์ฉํ์ง ์์ ๋ชฉ์ ์ผ๋ก ํจ์์ ์ด๋ฆ์ ๋ถ์ด์ง ์๋ ๊ฒ. // ๋งค๊ฐ๋ณ์๊ฐ ์๋ ๊ฒฝ์ฐ var foo = () => console.log('bar'); // ๋งค๊ฐ๋ณ์๊ฐ ํ๋์ธ ๊ฒฝ์ฐ var foo = x => x; // ๋งค๊ฐ๋ณ์๊ฐ ์ฌ๋ฌ๊ฐ์ธ ๊ฒฝ์ฐ var foo = (a, b) => a + b; // ๊ฐ๋จํ๊ฒ ํ์ค๋ก ํํํ ๋ "{}" ์์ด ๊ฐ์ด ๋ฐํ๋ฉ๋๋ค. var foo = (a, b) => { return a + b }; // "{}" ์ฌ์ฉ > ๋ฆฌํด ์กด์ฌ var foo .. ์ด์ 1 ๋ค์