๋””์ž์ด๋„ˆ ์ž…๋‹ˆ๋‹ค ์–ด๋–ค ์–ธ์–ด ๋จผ์ € ์‹œ์ž‘ํ•˜๋ฉด ์ข‹์„๊นŒ์š”?

2023. 3. 7. 17:24ใ†UXUI๐Ÿซข

์›น ์ฝ”๋”ฉํ•  ์ค€๋น„๊ฐ€ ๋๋‚ฌ๋‹ค๋ฉด?
๋ฌด์Šจ ์–ธ์–ด๋ฅผ ๋ฐฐ์›Œ์•ผ ํ• ์ง€ ์•Œ์•„๋ด์•ผํ• ๊ฒƒ์ด๋‹ค
์ด๋ฒˆ ๊ฐ•์ขŒ์—์„œ๋Š” ์šฐ๋ฆฌ๊ฐ€ ์•Œ์•„๋ด์•ผํ•  ๊ฐ ์–ธ์–ด์— ๋Œ€ํ•ด์„œ ์ดํ•ดํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณด๋„๋ก ํ•˜๊ฒ ๋‹ค
๊ธฐ๋ณธ์ ์œผ๋กœ ์„œ๋ฒ„๊ตฌ์กฐ๋‚˜ ์›นํ‘œ์ค€์ด ๋ญ”์ง€ ? , www๊ฐ€ ๋ญ”์ง€ ? , ๋ณต์žกํ•œ ๊ฐœ๋…์€ ๋นผ๊ณ  ์‹œ์ž‘ํ•œ๋‹ค 
ํฅ๋ฏธ๋ฅผ ์žƒ์ง€ ์•Š๊ธฐ์œ„ํ•ด ์„ธ๋ถ€์ ์ธ ์‚ฌํ•ญ์€ ๋’ค์—๊ฐ€์„œ ๋ฐฐ์›Œ๋ณด๋„๋กํ•˜์ž

 

 

์šฐ์„  ์›น๊ฐœ๋ฐœ๋ถ„์•ผ๋Š” ํ”„๋ก ํŠธ์•ค๋“œ ๊ฐœ๋ฐœ๊ณผ ๋ฐฑ์•ค๋“œ ๊ฐœ๋ฐœ ์ด ๋‘ ๋ถ„์•ผ๋กœ ๋‚˜๋‰œ๋‹ค 
ํ”„๋ก ํŠธ์•ค๋“œ๋Š” ๋ง ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ์ž์˜ ๋ˆˆ์— ์ง๊ด€์ ์œผ๋กœ ๋ณด์ด๋Š” ์˜์—ญ์„ ๋‚˜ํƒ€๋‚ธ๋‹ค
๋ฐฑ ์•ค๋“œ๋Š” ์„œ๋ฒ„๋‚˜ ๋””๋น„๊ตฌ์ถ•๋“ฑ์˜ ๋ˆˆ์— ๋ณด์ด์ง€ ์•Š๋Š” ๋กœ์ง์„ ์งœ๋Š” ์—ญํ™œ์„ ํ•œ๋‹ค 

 

FRONT-END

 

๋””์ž์ด๋„ˆ์ง๊ตฐ์˜ ๊ฒฝ์šฐ ํ”„๋ก ํŠธ์•ค๋“œ์™€ ๊ฐ€์žฅ ๋ฐ€์ ‘ํ•˜๋‹ค
์šฐ์„ ์€ HTML , CSS์œ„์ฃผ๋กœ ์•Œ์•„๋ณด๋Š”๊ฒƒ์„ ์‹œ์ž‘์œผ๋กœ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๊ฒ ๋‹ค
 
๋Ÿฌ๋‹์ปค๋ธŒ๊ฐ€ ๋งŽ์ด ๋†’์€ js๋Š” ์—ญํ™œ์ •๋„๋งŒ ์•Œ์•„๋ณด๋Š” ์ •๋„์—์„œ ์‹œ์ž‘ํ•˜๋„๋ก ํ•˜์ž
js๋Š” ์ฝ”๋”ฉ์ž…๋ฌธ์ž๋“ค์˜ ํฅ๋ฏธ๋ฅผ ๋–จ์–ด๋œจ๋ฆฌ๊ธฐ์— ๊ฐ€์žฅ ์ข‹์€์š”์†Œ๋ผ๊ณ ํ•œ๋‹ค^^..
๋‘๊ฐ€์ง€๋งŒ ์ž˜์•Œ์•„๋„ ์ฝ”๋”ฉํ•˜๋Š” ๋””์ž์ด๋„ˆ๋ผ๋Š” ํƒ€์ดํ‹€์„ ํš๋“ํ•˜๊ธฐ์—” ์ถฉ๋ถ„ํ•˜๋‹ค

 

JS๋Š” ์—ญํ• ๋งŒ :D

 

HTML ์€ ๋ผˆ๋Œ€ , ๊ตฌ์กฐ๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ์—ญํ• ์ด๋‹ค
Ex) ๊ฒ€์ƒ‰์ฐฝ ๋„ฃ๊ธฐ ,  ๋ฒ„ํŠผ ๋„ฃ๊ธฐ , ์ด๋ฏธ์ง€ ๋„ฃ๊ธฐ

 

 

๋ผˆ ์บ๋ฆญํ„ฐ

css์˜ ๊ฒฝ์šฐ๋Š” ๋จธ๋ฆฌ์ƒ‰์€ ์–ด๋–ค์ง€ ์‚ด์€ ์–ด๋–ค์ง€ ๋šฑ๋šฑํ•œ์ง€ , ๊ธด์ง€ , ์ƒ‰๊น”์€ ์–ด๋–ค์ง€ , 
css๋Š” HTML ์— ์‚ด๊ณผ ์˜ท์„ ์ž…ํ˜€์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค

 

์˜ท ์ž…์€ ์บ๋ฆญํ„ฐ

 

JS๋Š” ์ธํ„ฐ๋ ‰์…˜์„ ์œ„ํ•œ ์–ธ์–ด๋กœ ์‚ฌ์šฉ์ด ๋œ๋‹ค
ํด๋ฆญ์ด๋‚˜ ์Šคํฌ๋กค๋“ฑ์˜ ์ด๋ฒคํŠธ ๋ฐœ์ƒ์‹œ 
์–ด๋–ป๊ฒŒ ๋ฐ˜์‘์„ ํ• ์ง€์— ๋Œ€ํ•œ ๋Œ€์‘์„ ์งœ๋Š” ๊ฐœ๋…์œผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค
Ex)ํด๋ฆญํ–ˆ์„๋•Œ ํŒ์—…์ด ๋– ๋ผ , ๋กœ๊ทธ์ธ ์‹คํŒจ์‹œ์— ์ด๋Ÿฐ ๋ฌธ์žฅ์„ ๋‚˜ํƒ€๋‚ด๋ผ
 ๋“ฑ์˜ ์กฐ๊ฑด๋ฌธ , ๋ฐ˜๋ณต๋ฌธ ๋“ฑ์˜ ์–ธ์–ด๋กœ ๊ตฌํ˜„๋œ๋‹ค 

 

๋‘ ํฌ์ง€์…˜์˜ ๋ฐฉํ–ฅ์„ฑ์ด ์ „ํ˜€ ๋‹ค๋ฅด๋‹ค 
๋””์ž์ด๋„ˆ๋Š” ์‹ฌ๋ฏธ์„ฑ์„ ๊ฐœ๋ฐœ์ž๋Š” ํšจ์œจ์„ฑ์„ ์ถ”๊ตฌํ•œ๋‹ค.
์œ ๋Šฅํ•œ ๊ฐœ๋ฐœ์ž ํ•œ๋ช…์ด ์ฒœ๋ช…์˜ ํšจ์œจ์„ ๋‚ธ๋‹ค๋Š” ์ „์„ค์˜ ์ด์•ผ๊ธฐ๋„ ์žˆ๋“ฏ์ด
๊ฐ ์–ธ์–ด๊ฐ„์˜ ์—ญํ™œ์„ ์•Œ์•„๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค 
์ด ๋ถ€๋ถ„์„ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ–ˆ๋‹ค๋ฉด
์ด์ œ ๋””์ž์ด๋„ˆ์—๊ฒŒ ๊ฐ€์žฅ ์ž˜ ์–ด์šธ๋ฆฌ๋Š” 
html๊ณผ css๋ฅผ ์•Œ์•„๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณด๋„๋กํ•˜์ž