javascript๐ช28 JavaScript 02_๊ธฐ๋ณธ์ฉ์ด์ ์๋ฃํ (๊ธฐ๋ณธ์๋ฃํ ๋ฐ์ดํฐํ์ ) 1. ๊ธฐ๋ณธ์ฉ์ด 1) ํํ์๊ณผ ๋ฌธ์ฅ - ํํ์ • ๊ฐ์ ๋ง๋ค์ด๋ด๋ ๊ฒ • ์ : 546, 20 + 34 *2 , “TestOne” - ๋ฌธ์ฅ • ํ๋ ์ด์์ ํํ์์ด ๋ชจ์ธ ๊ฒ • ๋ฌธ์ฅ ๋์๋ ์ธ๋ฏธ์ฝ๋ก (;)์ ์ ์ด์ ๋ฌธ์ฅ์ ๋์ ์๋ฆผ • ์ : 546; , 20 + 34 *2; , var test=“Test”+”One”; , alert(“Hello JavaScript !!”); ์ผ๋ฐ์ ์ผ๋ก ์นด๋ฉ ํ๊ฐ๋ฐ์๋ค ๊ฐ์ ๊ท์น → ์ํ๋ฒณ์ ์ฌ์ฉ → ์์ฑ์ ํจ์์ ์ด๋ฆ์ ํญ์ ๋๋ฌธ์๋ก ์์ → ๋ณ์, ์์ฑ, ํจ์, ๋ฉ์๋์ ์ด๋ฆ์ ํญ์ ์๋ฌธ์๋ก ์์ (์นด๋ฉํ๊ธฐ๋ฒ) → ์ฌ๋ฌ ๋จ์ด๋ก ์ด๋ค์ง ์๋ณ์์ ๊ฐ ๋จ์ด์ ์ฒซ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก ํ์๊ธฐ๋ฒ userName ๋ณ์ ๊ดํธ์์ = ๋์ ์ฐ์ฐ์ - ์ค๋ฅธ์ชฝ ๋ฐ์ดํฐ๋ฅผ ๋ณ์์ ๋์ ํ๋ ์ฐ์ฐ์ ๋.. 2022. 10. 11. JavaScrip html ๋ด๋ถ ์คํฌ๋ฆฝํธ ์ ์ฉ์์น ๊ตฌ๊ธ์ฝ์ํ์ธ ์๋ฐ ์คํฌ๋ฆฝํธ๋ฅผ html ์ ์ ์ฉํ ๋! ์๋ฐ์คํฌ๋ฆฝํธ html ์ ์ฉ์์น ํ๊ทธ์์น๋ ๋งจ๋ฐ body ์ข ๋ฃ ํ๊ทธ ์๊ฐ ์ข๋ค. -๋ด์ฉ์ด ๋ง์๊ฒ์ ํ์ผ๋ก ๋ฐ๋ก ์์ฑ - ๊ฐ๋จํ ๊ธฐ๋ฅ ๊ตฌํ์ ์คํฌ๋ฆฝํธ ํ๊ทธ๋ ๋งจ ๋ฐ์๋ค๊ฐ ์์ฑ ์์ฑ๋ฒ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ณ์๋ฅผ ์ ๋ ฅํ ๋ ์นด๋ฉํ๊ธฐ๋ฒ(์ค๊ฐ๋๋ฌธ์)์ ์ฌ์ฉํ๋ค. var ๋ณ์ userName ๋ณ์ ์ด๋ฆ ์นด๋ฉํ๊ธฐ๋ฒ = 'ํ๋ฐ์ํ์ฌ์ฉ' var userName = 'ossa'; ํ๋ฐ์ํ ์์ ํ๋ฐ์ํ ๋ถ๊ฐ / ์๋ฐ์ํ ๊ฐ๋ฅํจ ๋ฐ์ํ ์์ : var userName = '' ๋ณ์์์ฑ์ ๊ฐ์ฒด๊ฐ ์๋์ผ๋ก ๋์ด console (์ฝ์) method (๋ฉ์๋)์ log(๋ก๊ทธ) ๊ฐ์ฒด๋ฅผ ๋ถ๋ฅธ๋ค ๋ฌธ์ฅ๋์๋ ์ธ๋ฏธํด๋ก ; ํค์๋ (์์ฝ์ด) var ๋ฌธ์ฅ ๋์๋ ์ธ๋ฏธ์ฝ๋ก (;)์ ์ ์ด์ ๋ฌธ์ฅ์ ๋์ ์๋ฆผ ์์ฝ์ด ์.. 2022. 10. 11. ์๋ฐ์คํฌ๋ฆฝํธ ์ฉ์ด์ ๋ฆฌ - ๋๋ฒ๊น ์ฝ์ ๋ก๊ทธ ๋๋ฒ๊น (debugging) (์์ด๋ก ํ๋ก๊ทธ๋จ์ ์๋ชป์ ์ฐพ์๋ด์ด ์์ ํ๋ค๋ ๋ป) ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ฐ์ด๋ ์ฝ์์ด๋ ๋ฌด์์ธ๊ฐ.. ๋จผ์ ์ฝ์์ ๋๋ฒ๊น ์ ์ํด ์ฐ์ธ๋ค. ๊ทธ๋ผ ๋๋ฒ๊น ์ ๋ ๋ญ๋๊ณ .. ๋๋ฒ๊น ์ด๋ ์ฝ๋ฉ์์ ์ ํ๋ ์ค์ด๋ ๋๋ ํ, ๋ฒ๊ทธ(์ค๋ฅ)๋ฅผ ์ฐพ์๋ด๋ ์์ ์ด๋ค. ์ด๋ ๋์ ์ฝ๊ฒ ์ก์๋ผ์ ์๋๋ก ํ๋๊ฒ์ด ์ฝ์ ์ฝ์ console (์์ด๋ก ์ ์ด๋ฐ,๊ณ๊ธฐ๋ฐ) ์ฝ์์ ๊ฐ์ฒด๋ผ๋ ๋ป, ํ ์ค์๊ฐ์ผ๋ก ์๋ฐ ์คํฌ๋ฆฝํธ๋ฅผ ์คํํ๊ณ , ์๋ฌ ๋ฉ์ธ์ง ๋ฑ์ ์ถ๋ ฅํด์ฃผ๋ ๊ธฐ๋ฅ์ด๋ค. ์ฝ์๊ฐ์ฒด๋ฅผ ์ด์ฉํ๋ฉด ์๋ฐ์คํฌ๋ฆฝํธ์ ์ฝ๋์ ๊ฐ์ฒด, ๋ณ์ ๊ฐ์ ์ฝ์์ฐฝ์ ์ถ๋ ฅํ๊ฑฐ๋, ํ์ ๋ฉ์์ง๋ฅผ ํ์ํ ์ ์์ ์ฝ์๊ฐ์ฒด๋ ์ฌ๋ฌ๊ฐ์ง ๋ฉ์๋๋ฅผ ์ ๊ณตํ๊ณ ์ฝ์์ฐฝ์ ๋ค์ํ ํํ๋ก ๋ฉ์ธ์ง๋ฅผ ์ถ๋ ฅํ ์ ์๋ค. ๋ด๊ฐ๋ถ๋ฌ์จ ํจ์์ ๊ฐ์ฒด๋ฅผ ๋ธ๋ผ์ฐ์ ๋ก ๋ถ๋ฌ์์ ํ์ธํ ๋.. 2022. 10. 11. ์๋ฐ์คํฌ๋ฆฝํธ๋? ๊ฐ์ 1. html ๋งํฌ์ ๋ญ๊ท์ง (์ธ์ด) 2. css ์คํ์ผ ์ํธ 3. ์๋ฐ์คํฌ๋ฆฝํธ ๋์์ ๊ตฌํํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ์ธ์ด ์ฝ๊ธฐ ์ฐ๊ธฐ ๋จ์ด 3-4์ฒ๊ฐ ์์ฉํ์..(css 15-20๋ฐฐ) ๊ทธ์ค์ ์น ui ๊ฐ๋ฐ์ ํ์ํ๊ฒ ์ตํ๊ธฐ ํ๋ก ๋์๋์ฉ 4. ์๋ฐ ๋ฐฑ์๋์ฉ ์์ ํ ๋ค๋ฆ ES๋? ์๋ฐ์คํฌ๋ฆฝํธ์ ์ด์ฐฝ๊ธฐ ์ด๋ฆ - ์ํฌ๋ง ์คํธ๋ฆฝํธ (ES) > ํ์ฌ ์๋ฐ์ด๋ฆ์ผ๋ก ํต์ฉ ์๋ฐ๋ ๋๋ถ๋ถ ์ ์๊ฐ๋ฅ, ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฐ์ผ๋ก ๊ตฌํ๋๋ค. ๋ฉํฐํ๋ํผ ๋งฅ,os,๋ชจ๋ฐ์ผ ๋ฑ๋ฑ ์ธํฐ๋ท์ ํตํด ๋ชจ๋ ํ๊ฒฝ์ ๋ค ์ฐ์ผ ์ ์๋ค. ES5(2009๋ ) - ๋ ๊ฑฐ์(์์ ์ฌ์ดํธ 5-6๋ ์ ) ํ๋ก์ ํธ์์ ๋๋ถ๋ถ ์ฌ์ฉ - ์ผ๋ฐ์ฌ์ดํธ, ๊ด๊ณต์, ๋๊ธฐ์ ์์ ์ฌ์ ํ ์ฌ์ฉ (์ฐ๋ฆฌ๋๋ผ๋ ์ต์ค ๋ง์ถ๋๊ฒ์ด ๊ธฐ๋ณธ์ด์๊ธฐ ๋๋ฌธ์ ES6 ๋ฅผ ์ฌ์ฉ์ ์ ์ํจ, ํ์ฌ๊น์ง ES5 ์ฌ์ฉ) .. 2022. 10. 11. ์ด์ 1 2 3 ๋ค์