๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ
-
REACT ์์ - โ๏ธReact 2023. 7. 29. 15:51
๊ฐ์ ๋งํฌ : https://www.youtube.com/watch?v=6GECT2Jrr_g react ํ๋ก์ ํธ ์์ฑ npm init react-app ํ๋ก์ ํธ์ด๋ฆ package.json์ ๋ณด๋ฉด ๊ฐ ๋ชจ๋๋ค ์ค์น ๋ด์ฉ๋ค์ด ๋ค์ด์๋ค. npm start ํ๋ฉด index.js ํ์ผ์ด ์คํ๋๋ค. JSX - JavaScriptXml html์ ์๋ฐ์คํฌ๋ฆฝํธ ์์์ ์ธ ์ ์๊ฒ ํจ. index.js ์ App.js import > root id ์ฐพ์์ create Root๋ก ๋ง๋ค์ด์ฃผ๊ณ ๊ทธ์์ App์ ๋๋ ํจ. reportWebVitals() : ์น ํผํฌ๋จผ์ค ์ธก์ ์ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ App.js ์๋ฐ์คํฌ๋ฆฝํธ์์ HTML ์ฌ์ฉ ⇒ JSX ์ปดํฌ๋ํธ ๋ฐฉ์ ํจ์ํ ์ปดํฌ๋ํธ ๋ฐฉ์ (์์ ๋ง์ด ์ฐ์ด๋ ๋ฐฉ์) (ํจ์ํ ์ปดํฌ๋ํธ ์ ๋ง..
-
ES5 VS ES6 VS ES6+ ์ฐจ์ด - AI๐คJavaScript 2023. 7. 15. 13:05
์๋ฐ์คํฌ๋ฆฝํธ๋ ์ค๋๋ ๊ฐ์ฅ ์ธ๊ธฐ์๊ณ ๋๋ฆฌ ์ฌ์ฉ๋๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ์ค ํ๋์ ๋๋ค. ์ด ์ธ์ด๋ ์ฌ๋ฌ ์ฐจ๋ก ๋ณํ์ ๊ฑฐ์ณ ์๋ก์ด ๊ธฐ๋ฅ๊ณผ ๊ธฐ๋ฅ์ ๋์ ํด์์ต๋๋ค. ์ด ๋ฌธ์์์๋ JavaScript์ ์ธ ๊ฐ์ง ์ฃผ์ ๋ฒ์ ์ธ ES5, ES6 ๋ฐ ES6+์ ์ฐจ์ด์ ์ ๋ํด ์ค๋ช ํฉ๋๋ค. ES5 ES5(ECMAScript 5)๋ 2009๋ ์ ์ถ์๋์์ผ๋ฉฐ ํ์ฌ ๊ฐ์ฅ ๋๋ฆฌ ์ง์๋๋ JavaScript ๋ฒ์ ์ ๋๋ค. ES5์ ์ฃผ์ ๊ธฐ๋ฅ ์ค ์ผ๋ถ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค: Strict ๋ชจ๋ "Strict ๋ชจ๋"๋ JavaScript ์ฝ๋๋ฅผ ์์ฑํ ๋ ์๊ฒฉํ ๋ฌธ๋ฒ ๊ท์น์ ์ ์ฉํ๋ ๋ชจ๋์ ๋๋ค. ์ด ๋ชจ๋๋ฅผ ์ฌ์ฉํ๋ฉด ์ฝ๋์ ์๊ธฐ์น ์์ ๋์์ ๋ฐฉ์งํ๊ณ , ๋ฒ๊ทธ๋ฅผ ๋ ์ฝ๊ฒ ์ฐพ์ ์ ์์ต๋๋ค. ES5์์ ์ฒ์ ๋์ ๋ ๊ธฐ๋ฅ ์ค ํ๋์ ๋๋ค. JSON ์ง์ ..
-
Prototype - AI๐คJavaScript 2023. 7. 15. 13:02
ํ๋กํ ํ์ (Prototype)์ JavaScript์ ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ์์ ์ค์ํ ๊ฐ๋ ์ผ๋ก, ๊ฐ์ฒด๋ค ๊ฐ์ ์์๊ณผ ํ๋กํ ํ์ ์ฒด์ด๋์ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค. ํ๋กํ ํ์ ์ ๋ชจ๋ JavaScript ๊ฐ์ฒด๊ฐ ๊ฐ์ง๊ณ ์๋ ์์ฑ์ผ๋ก, ํด๋น ๊ฐ์ฒด์ ๋ถ๋ชจ ์ญํ ์ ํ๋ ๊ฐ์ฒด๋ฅผ ๊ฐ๋ฆฌํต๋๋ค. ํ๋กํ ํ์ ์ฒด์ธ (Prototype Chain): JavaScript์ ๊ฐ์ฒด๋ค์ ํ๋กํ ํ์ ๊ณผ ์ฐ๊ฒฐ๋ ๋งํฌ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ง๋๋ค. ๊ฐ์ฒด์ ์์ฑ ๋๋ ๋ฉ์๋๋ฅผ ์ฐพ์ ๋ ํด๋น ๊ฐ์ฒด์ ํ๋กํ ํ์ ์๋ ์๋ค๋ฉด, ๊ทธ ํ๋กํ ํ์ ์ ํ๋กํ ํ์ ์ ๊ณ์ํด์ ํ์ํ๋ ๊ณผ์ ์ ๋งํฉ๋๋ค. ์ด๋ ๊ฒ ์ฌ๋ฌ ๋จ๊ณ์ ํ๋กํ ํ์ ์ด ์ฐ๊ฒฐ๋ ๊ตฌ์กฐ๊ฐ ํ๋กํ ํ์ ์ฒด์ธ์ ๋๋ค. ์์ฑ์ ํจ์ (Constructor Function): ๊ฐ์ฒด๋ฅผ ์์ฑํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ ํจ์๋ฅผ ๋งํฉ๋๋ค. new ..
-
VSCODE ๋ฌด์ธ๋ชจ ๊ท์ฌ์ด ExtensionsFrontEnd/VSCODE 2023. 2. 8. 16:26
1. vscode-pets ํจ๊ณผ: ๋๋ฌผ๋ค์ด ์์ง์ด๋ ๊ฑธ ๊ตฌ๊ฒฝํ ์ ์๋ค. ์ฌ์ฉ๋ฒ: https://tonybaloney.github.io/vscode-pets/usage 2. nyan-mode ํจ๊ณผ: ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๊ณ ๋ด๋ฆด๋๋ง๋ค ๊ท์ฌ์ด ๊ณ ์์ด๊ฐ ๋์จ๋ค. ์ฌ์ฉ๋ฒ: ๊ทธ๋ฅ ์ฌ์ฉํด๋ ๋๊ณ , Extension Settings์์ ์๊น์ ๋ฐ๊ฟ์ ์ฌ์ฉํ ์ ์๋ค.