๋ฐ์ํ JavaScript168 @ : ์ ๋ ๊ฒฝ๋ก(root)๋ถํฐ ์์ import HelloWorld from '@/components/HelloWorld' @ ๋ src(root)๋ถํฐ ์์ํ๋ค๋ ๋ป์ด๋ผ๊ณ ํ๋ค. 2021. 10. 22. ๊ฐ๋น์ง ์ปฌ๋ ํฐ(GC) Garbage = ์ ๋ฆฌ๋์ง ์์ ๋ฉ๋ชจ๋ฆฌ, ์ ํจํ์ง ์์ ๋ฉ๋ชจ๋ฆฌ ์ฃผ์ ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ ๊ธฐ๋ฒ ์ค์ ํ๋. ํ๋ก๊ทธ๋จ์ด ๋์ ์ผ๋ก ํ ๋นํ๋ ๋ฉ๋ชจ๋ฆฌ ์์ญ ์ค์์ ํ์์๊ฒ ๋ ์์ญ์ ํด์ ํ๋ ๊ธฐ๋ฅ์ ๋๋ค. ๋ฐํ์ ํ๊ฒฝ์ ๋ฐ๋ผ ํน์ ์์ ์ด๋ ๋ฉ๋ชจ๋ฆฌ ์ฌ์ฉ๋์ด ํฌํ ์ํ์ ์๋ฐํ ๋๋ง๋ค ์๋์ผ๋ก ์๊ฑฐ ๋์๋ค์ ์๊ฑฐํฉ๋๋ค. ์๊ฑฐ๋ ๋ฉ๋ชจ๋ฆฌ๋ ๋ค์ ์๋ก์ด ๊ฐ์ ํ ๋นํ ์ ์๋ ๋น ๊ณต๊ฐ์ด ๋ฉ๋๋ค. 2021. 10. 22. Vue.js ๊ณต๋ถ 1์ผ์ฐจ Vue.js๋ ์น ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ด๋ค. Vue.js๋ ์ปดํฌ๋ํธ ๊ธฐ๋ฐ์ SPA๋ฅผ ๊ตฌ์ถํ ์ ์๊ฒ ํด์ฃผ๋ ํ๋ ์์ํฌ์ด๋ค. 1. Visual Studio Code 2. Node.js 3. Vue.js ์ค์น $ npm install vue ์์ ๋ช ๋ น์ด๋ก ์ค์นํ๋ฉด vue@2.6.12 ๋ฒ์ ์ด ์ค์น๋๋ค๊ณ ํ๋ค. $ npm install -g @vue/cli CLI : Command Line Interface ์์ ๋ช ๋ น์ด๋ก ์ค์นํ๋ฉด @vue/cli 4.5.12 ๋ฒ์ ์ด ์ค์น๋๋ค๊ณ ํ๋ค. Vue.js์์ ์ ๊ณตํ๋ Vue.js devtools๋ก ํฌ๋กฌ์ ์ถ๊ฐํด์ ์ฌ์ฉํ ์ ์๋ค. ๋๋ฒ๊น ์ ๊ฐ๋ฅํ๋๋ก ํด์ค๋ค. https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogj.. 2021. 10. 18. [๋๋ฆผ์ฝ๋ฉ by ์๋ฆฌ] JavaScript ๊ธฐ์ด ๊ฐ์(2) (ES5+) 'use strict' ์ฌ์ฉ 'use strict'; Variable (๋ณ์) - ๋ณ๊ฒฝ๋ ์ ์๋ ๊ฐ - JavaScript์์๋ let ์ผ๋ก ์ฌ์ฉํ๋ค. (ES6์์ ์ถ๊ฐ๋จ) ๐ฅ let ์ด์ ์๋ var์ ์ฌ์ฉํ๋๋ฐ var์ ์ฌ์ฉ์ ์ง์ํ๋ค! var์ Block Scope๋ ๋ฌด์ํ๋ค. Block Scope { let name = 'yunkyung'; console.log(name); // yunkyung name = 'hello'; console.log(name); // hello } console.log(name); // ์ถ๋ ฅ ์๋จ ์ด๋ ๊ฒ block ์์ ์ฝ๋๋ฅผ ์์ฑํ๊ฒ ๋๋ฉด block ๋ฐ์์๋ ์์ ๋ด์ฉ๋ค์ ๋ณผ ์ ์๋ค. Constants - ๊ฐ๋ฆฌํค๊ณ ์๋ ํฌ์ธํฐ๊ฐ ์ ๊ฒจ ์๋ค. - ์ ์ธ๊ณผ ๋์์ ํ ๋น์ด.. 2021. 10. 6. [๋๋ฆผ์ฝ๋ฉ by ์๋ฆฌ] JavaScript ๊ธฐ์ด ๊ฐ์(1) (ES5+) - head + defer script ํ๊ทธ๋ฅผ ์ฌ์ฉํ ๋ defer ์์ฑ ์ฌ์ฉํ๊ธฐ ์ด ๋ฐฉ๋ฒ์ด ๊ฐ์ฅ ์ ์ฉํ๋ค. - use strict ์์ vanilla js๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ์ค์ ๋ฐฉ์ง๋ฅผ ์ํด use strict์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข๋ค. (TypeScript ์ฌ์ฉํ ๋ ์ ์ธํ ํ์ ์์) 'use strict' console.log('Hello world'); 2021. 10. 5. [์ํ์ฝ๋ฉ-React] State ์ฌ์ฉ [์ถ์ฒ : Youtube - ์ํ์ฝ๋ฉ] https://youtu.be/e2c1EUcW7oo?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi ์ค๋ ๋ฐฐ์ฐ๋๊ฑด ์ดํดํ๋ คํ์ง๋ง๊ณ ๊ทธ๋ฅ ๊ทธ๋ ๊ตฌ๋ ํ๊ณ ๋ฐ์๋ค์ด๋๊ฒ ํธํ๋ค๊ณ ํ๋ค... โป์ฃผ์ : ๋ฆฌ์กํธ์์๋ props์ ๋ฐ์ดํ๋ฅผ ์ฐ๋ฉด ๋ฌธ์๋ก ์ธ์์ ํ๋ค. ๋ฌธ์๊ฐ ์๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ์ ์ฝ๋๋ก์ ์คํํ๊ฒํ๊ณ ์ถ์ผ๋ฉด ์ค๊ดํธ{}๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค. src/App.js import './App.css'; import TOC from "./components/TOC"; import Content from "./components/Content"; import Subject from "./components/Subject"; import React, { Com.. 2021. 5. 29. ์ด์ 1 ยทยทยท 6 7 8 9 10 11 12 ยทยทยท 28 ๋ค์ ๋ฐ์ํ