๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

webstorm

2/4 ๊ธˆ ๋ถˆ๊ธˆ~~ ๐Ÿ˜๐Ÿ˜ธ JavaScript ๋ฌธ์„œ ๊ฐ์ฒด(document object) : component๋ฅผ JS ๊ฐ์ฒดํ™” WebStorm์— jQuery Library ์ถ”๊ฐ€ jQuery ๋ฌธ๋ฒ• $๋กœ ์‹œ์ž‘ 1. Universal Selector(์ „์ฒด ์„ ํƒ์ž) : HTML ์•ˆ์— ์žˆ๋Š” ๋ชจ๋“  Element๋ฅผ ์„ ํƒ, ๊ธฐํ˜ธ๋Š” * ์ด์šฉ 2. Tag Selector : ํƒœ๊ทธ๋ช…์„ ์ด์šฉํ•˜์—ฌ ์„ ํƒ 3. ID Selector : ID Attribute๋ฅผ ์ด์šฉํ•˜์—ฌ ์„ ํƒ, ์ค‘๋ณต ๋ถˆ๊ฐ€, ๊ธฐํ˜ธ๋Š” # ์ด์šฉ 4. Class Selector : Class Attribute๋ฅผ ์ด์šฉํ•˜์—ฌ ์„ ํƒ, ์ค‘๋ณต ๊ฐ€๋Šฅ, ๊ธฐํ˜ธ๋Š” . ์ด์šฉ 5. ๋ถ€๋ชจ, ์ž์‹, ํ›„์†, ํ˜•์ œ ๊ด€๊ณ„ : ๊ธฐํ˜ธ >๋Š” ์ž์‹ ์„ ํƒ, ๊ณต๋ฐฑ(space)์€ ํ›„์† ์„ ํƒ 6. ๋™์œ„ ์„ ํƒ์ž : ํ˜•์ œ ์„ ํƒ์ž, ๊ธฐํ˜ธ.. ๋”๋ณด๊ธฐ
2/3 ๋ชฉ ๊ธด ์—ฐํœด๊ฐ€ ๋๋‚ฌ๋‹ค! ๐Ÿคฅ ์ •์ (static) Web : Web Server ์ชฝ์— ์ด๋ฏธ ์กด์žฌํ•˜๋Š” resource(HTML)๋ฅผ ์š”์ฒญํ•˜๋Š” ์ž‘์—… ๋™์ (dynamic) Web : Web Server ์ชฝ์— ์กด์žฌํ•˜๋Š” program์„ ํ˜ธ์ถœ, ๊ฒฐ๊ณผ resource๋ฅผ ์ƒ์„ฑํ•ด์„œ response HTML(HyperText Markup Language), CSS(Cascading Style Sheet), JavaScript HTML์ด ๋ฒ„์ „ ์—…(5) ๋˜๋ฉด์„œ HTML Element, CSS 3, JavaScript๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Œ Web Server์—๊ฒŒ ํ”„๋กœ์ ํŠธ์˜ ์กด์žฌ๋ฅผ ์•Œ๋ ค์คŒ(configure) → ์„œ๋ฒ„๊ฐ€ ํ”„๋กœ์ ํŠธ๋ฅผ ์ธ์‹ํ•œ ์ƒํƒœ์—์„œ ๊ธฐ๋™ → Web Client(Browser)๋ฅผ ์‹คํ–‰ → URL(protocol://IP:Port/ํŒŒ.. ๋”๋ณด๊ธฐ
728x90

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”