lil.dev
Published on

๐Ÿ’– ๊ฐœ๋ฐœํŒ - ์ฝ”๋”ฉ ๊ณต๋ถ€ ํ•˜๋Š” ๋ฐฉ๋ฒ• - ์˜์–ด ๊ณต๋ถ€ ํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ๋น„๊ตํ•ด์„œ

๊ธ€์“ด์ด

    ๐Ÿ“Œ ๋ชฉ์ฐจ

    Welcome

    ์ฝ”๋”ฉ ๊ณต๋ถ€ ํ•˜๋Š” ๋ฒ•

    ์˜ค๋Š˜์€ ๋‚ด ์ž์‹ ์„ ์œ„ํ•ด ์ฝ”๋”ฉ ๊ณต๋ถ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์˜์–ด ๊ณต๋ถ€ํ•˜๋Š” ๋ฒ•๊ณผ ๋น„๊ตํ•ด์„œ ์จ๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ๋‘˜ ๋‹ค ์–ธ์–ด๋ฅผ ๊ณต๋ถ€ํ•œ๋‹ค๋Š” ๊ณตํ†ต์ ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋‚ด๊ฐ€ ์˜์–ด๋ฅผ ๊ณต๋ถ€ํ–ˆ๋˜ ๋ฐฉ๋ฒ•์„ ์ฝ”๋”ฉ ๊ณต๋ถ€์— ์ ์šฉํ•ด๋ณด๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

    ๊ฐœ๋ฐœ ์šฉ์–ด ์™ธ์šฐ๊ธฐ = ์˜์–ด ๋‹จ์–ด ์™ธ์šฐ๊ธฐ ๐Ÿ‹

    1. ์–ด์› ์•Œ๊ธฐ ๐Ÿฅ

    ์˜์–ด ๋‹จ์–ด๋ฅผ ์™ธ์šธ ๋•Œ ์–ด์›์„ ์•Œ๋ฉด ๋น„์Šทํ•œ ๋‹จ์–ด๋ฅผ ๋ฐฐ์šธ ๋•Œ ์˜๋ฏธ๋ฅผ ์•Œ๊ฑฐ๋‚˜ ๋ฐœ์Œ์„ ์•Œ๊ธฐ๊ฐ€ ํŽธํ•˜๋‹ค. ๊ฐœ๋ฐœ ์šฉ์–ด๋„ ์ถœ์ฒ˜์™€ ์›ํ˜•์„ ์•Œ๋ฉด ๊ฑฐ๊ธฐ์„œ ํŒŒ์ƒ๋œ ์šฉ์–ด๋ฅผ ๋ฐฐ์šธ ๋•Œ ์ด๋กœ์šธ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ๋น„์ „๊ณต์ž์ธ ๋‚˜๋Š” CS ์ง€์‹์ด ๋ถ€์กฑํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ตฌ๊ธ€๋ง๊ณผ ์ฑ…์„ ํ†ตํ•ด์„œ ์ฐพ์•„๋ณด๋„๋ก ํ•ด์•ผ์ง€.

    2. ๋ฐ˜๋ณต ํ•™์Šตํ•˜๊ธฐ ๐Ÿฅ

    ์˜์–ด ๋‹จ์–ด๋„ ์—ฌ๋Ÿฌ๋ฒˆ ์•”๊ธฐํ•˜๊ณ  ์žŠ๊ณ  ๋˜ ์•”๊ธฐํ•ด์•ผ ์˜ค๋ž˜ ๊ธฐ์–ต์— ๋‚จ์•˜๋‹ค. ์ค‘์š”ํ•œ๊ฑด ์•”๊ธฐ๋ฅผ ํ•˜๊ธฐ๋Š” ํ•ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ๊ฐœ๋ฐœ ์šฉ์–ด๋„ ๊ทธ ๋•Œ ๊ทธ ๋•Œ ๋œป์„ ์ดํ•ดํ•˜๊ณ  ์•”๊ธฐ๋ฅผ ์ผ๋‹จ ํ•œ๋‹ค์Œ ๊นŒ๋จน์€ ํ›„์— ๋˜ ์™ธ์šฐ๋Š” ์‹์œผ๋กœ ํ•˜๋ ค๊ณ  ํ•ด์•ผ๊ฒ ๋‹ค.

    3. ์‘์šฉ ํ˜•ํƒœ๋„ ํ•จ๊ป˜ ํ•™์Šตํ•˜๊ธฐ ๐Ÿฅ

    ๋‹จ์–ด๋ฅผ ์•Œ ๋•Œ ํ’ˆ์‚ฌ์™€ ๊ณผ๊ฑฐํ˜•,๊ณผ๊ฑฐ๋ถ„์‚ฌํ˜• ๋“ฑ ์—ฌ๋Ÿฌ ํ˜•ํƒœ๋ฅผ ํ•จ๊ป˜ ํ•™์Šตํ•˜๊ณ  ์–ด๋–ป๊ฒŒ ์“ฐ์ด๋Š”์ง€ ๋ฌธ์žฅ์„ ํ†ตํ•ด ํ™•์ธํ•˜๋ฉด ํ›จ์”ฌ ๋” ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋‹จ์–ด์˜ ์“ฐ์ž„์„ ์ตํž ์ˆ˜ ์žˆ๋‹ค. ๊ฐœ๋ฐœ ์šฉ์–ด ๋˜ํ•œ ๊ณต๋ถ€ ํ•  ๋•Œ ๊ณต์‹ ๋ฌธ์„œ๋‚˜ ์ฑ…, ์ธํ„ฐ๋„ท ์„œํ•‘์„ ํ†ตํ•ด ์‘์šฉํ˜•์„ ํ™•์ธํ•˜๊ณ  ์‰ฌ์šด ํ˜•ํƒœ์˜ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉฐ ์‚ฌ์šฉ์„ ์ตํžˆ๋ฉด ์ข‹๊ฒ ๋‹ค.

    ๋ฌธ๋ฒ• ์ตํžˆ๊ธฐ ๐ŸŠ

    1. ๊ธฐ๋ณธ ํ˜•์‹ ๊ณต๋ถ€ํ•˜๊ธฐ ๐Ÿ‘

    ์˜์–ด๋ฅผ ์ตํž ๋•Œ ๊ธฐ๋ณธ 5ํ˜•์‹ ๋ฌธ์žฅ์„ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ตํ˜”๋‹ค. ๋จผ์ € ์–ด๋–ค ๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์กŒ๋Š”์ง€ ์ฝ๊ณ  ์จ๋ณด๊ณ , ์˜ˆ์‹œ ๋ฌธ์žฅ์„ ๋งŽ์ด ๋ณด๊ณ  ์จ๋ณด์•˜๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋ฐฐ์šฐ๋Š” ๋‚˜๋กœ์„œ๋Š” ๊ธฐ๋ณธ html,css,js์˜ ๊ตฌ์กฐ๋ฅผ ๋งŽ์ด ๋ณด๊ณ  ์ตํžˆ๋Š”๊ฒŒ ๊ธฐ์ดˆ๋ฅผ ํƒ„ํƒ„ํžˆ ํ•˜๋Š”๋ฐ ๋„์›€์ด ๋œ๋‹ค. ๊ธฐ๋ณธ์„ ๋นจ๋ฆฌ ๋ฐฐ์šฐ๊ณ  ๋„˜์–ด๊ฐ€๋Š” ์‚ฌ๋žŒ๋“ค๋„ ์žˆ์ง€๋งŒ ๋‚˜๋Š” ๊ธฐ๋ณธ์„ ์–ธ์ œ๋“  ๋‹ค์‹œ ๋ณด๋ฉด์„œ ๊ณ„์†ํ•ด์„œ ์ตํžˆ๋Š”๊ฒŒ ๋„์›€์ด ๋งŽ์ด ๋๋‹ค.

    2. ๋ฌธ์žฅ ๋งŽ์ด ๋ณด๊ธฐ ๐Ÿ‘

    ์ฑ…์ด๋‚˜ ์˜์ƒ, ์Œ์•…์œผ๋กœ ์‘์šฉ๋œ ๋ฌธ์žฅ๋“ค์„ ๋งŽ์ด ์ ‘ํ•˜๋ฉด ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋ฌธ๋ฒ•์„ ์ฒดํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฌผ๋ก  ์•„์ฃผ ์™์™ ๋‹ค ํก์ˆ˜๋˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ์ง€๋งŒ, ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์–ด๋–ค ๋‹จ์–ด๋Š” ์–ด๋–ค ์‹์œผ๋กœ ์จ์•ผํ•˜์ง€? ํ•˜๊ณ  ๊ฐ์ด ์ƒ๊ธด๋‹ค. ์ด ๋•Œ๋„ ์–ด๋ ต๊ณ  ๋ณต์žกํ•œ ๋ฌธ์žฅ์ด ์•„๋‹ˆ๋ผ ์‰ฌ์šด ๋ฌธ์žฅ๋ถ€ํ„ฐ ๋ณด๊ณ  ๋“ฃ๋Š”๊ฒŒ ์ข‹์•„์„œ ์ฝ”๋”ฉ๋„ ๋‹จ์ˆœํ•œ ์ฝ”๋“œ๋ถ€ํ„ฐ ๋งŽ์ด ์ ‘ํ•ด์•ผ๊ฒ ๋‹ค.

    3. ์งง์€ ๊ธ€ ์จ๋ณด๊ธฐ ๐Ÿ‘

    ์ผ๊ธฐ๋“  ํŽธ์ง€๋“  ์ฑ„ํŒ…์ด๋“  ์งง์€ ๊ธ€์ด๋ผ๋„ ์ž๊พธ ์จ๋ด์•ผ ์‹ค์ œ๋กœ ๋ฌธ์žฅ์„ ๋งŒ๋“œ๋Š” ์‹ค๋ ฅ์ด ๋Š˜๊ณ  ์–ดํœ˜๋„ ๋” ๋งŽ์ด ์‚ฌ์šฉํ•˜๊ฒŒ ๋œ๋‹ค. ์ฝ”๋”ฉ ๋˜ํ•œ ๊ธด ํ”„๋กœ์ ํŠธ๊ฐ€ ์•„๋‹ˆ๋”๋ผ๋„ ์งง์€ ๊ธ€์„ ์ž๊พธ ์จ๋ณด๋ ค๊ณ  ํ•ด์•ผ๊ฒ ๋‹ค.
    ์ •๋ง ์งง์€ ์ฝ”๋“œ๋ผ๋„..!

    ๊ธด ๊ธ€ ์“ฐ๊ธฐ ๐ŸŽ

    ์ปจ์…‰(๊ธฐํš) - ํด๋” ๊ตฌ์กฐ ์žก๊ธฐ(๋ฐฑ, ํ”„๋ก ํŠธ ํ๋ฆ„ ์ดํ•ด) - ์งง์€ ๊ธ€ ์“ฐ๊ธฐ(์ž‘์€ ๊ธฐ๋Šฅ ๊ตฌํ˜„) - ๊ธ€ ์—ฐ๊ฒฐ(๊ธฐ๋Šฅ๋ผ๋ฆฌ ์—ฐ๊ฒฐ)

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

    ๊ทธ๋Ÿผ ์ฝ”๋”ฉ์— ๋งž์ถฐ์„œ๋Š” ์ปจ์…‰(๊ธฐํš) - ํด๋” ๊ตฌ์กฐ ์žก๊ธฐ(๋ฐฑ, ํ”„๋ก ํŠธ ํ๋ฆ„ ์ดํ•ด) - ์งง์€ ๊ธ€ ์“ฐ๊ธฐ(์ž‘์€ ๊ธฐ๋Šฅ ๊ตฌํ˜„) - ๊ธ€ ์—ฐ๊ฒฐ(๊ธฐ๋Šฅ๋ผ๋ฆฌ ์—ฐ๊ฒฐ) ํ•˜๋Š” ์ˆœ์„œ๋กœ
    ์ง„ํ–‰ํ•ด์•ผ๊ฒ ๋‹ค.

    ์ด ๋ชจ๋“  ๊ฑธ ๋ณ‘๋ ฌ์ ์œผ๋กœ ๐Ÿฅ—

    ์ค‘์š”ํ•œ ๊ฑด ๋‹จ์–ด,๋ฌธ๋ฒ•,์งง์€ ๊ธ€์“ฐ๊ธฐ,๊ธด ๊ธ€์“ฐ๊ธฐ๋ฅผ ํ•œ๊บผ๋ฒˆ์— ๋ณ‘ํ–‰ํ•˜๋ฉฐ ํ•™์Šตํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ด ๋ถ€๋ถ„์ด ์–ด๋ ค์šด๋ฐ, ์‹œ๊ฐ„์„ ์ž˜ ๋ถ„๋ฐฐํ•˜๊ธฐ๋„ ์–ด๋ ต๊ณ , ํ•œ ๋ถ€๋ถ„์—์„œ ๋ง‰ํžˆ๋ฉด ์งง์€ ๊ธ€์“ฐ๊ธฐ๋‚˜ ๊ธด ๊ธ€์“ฐ๊ธฐ๊ฐ™์€ ์‹ค์ œ ์‘์šฉ ๋ถ€๋ถ„์—์„œ ์ง„๋„๊ฐ€ ์˜ ์•ˆ๋‚˜๊ฐ€๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ํ•˜์ง€๋งŒ ์ด๋Ÿด ๋•Œ ๋‚ด๊ฐ€ ๋‹จ์–ด๋‚˜ ๋ฌธ๋ฒ•์„ ์™„๋ฒฝํžˆ ๋ชจ๋ฅธ๋‹ค๊ณ  ํ•ด์„œ ๊ธ€์“ฐ๊ธฐ๋ฅผ ๋ฉˆ์ถ”๋ฉด ์•ˆ๋œ๋‹ค. ์ตœ๋Œ€ํ•œ ์งง์€ ๊ธ€์“ฐ๊ธฐ๋ผ๋„ ๊พธ์ค€ํžˆ ํ•ด๋‚˜๊ฐ€๋ฉด์„œ ์ฃผ๋ณ€์— ํ”ผ๋“œ๋ฐฑ์„ ๊ตฌํ•˜๊ณ  ๊ณ ์ณ๋‚˜๊ฐ€์•ผ ๊ธด ๊ธ€์„ ์“ธ ์ˆ˜ ์žˆ๋‹ค.
    ์ง€๊ธˆ ๋‚˜๋Š” ๋‹จ์–ด์™€ ๋ฌธ๋ฒ•์„ ์–ด๋Š์ •๋„ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์งง์€ ๊ธ€์“ฐ๊ธฐ๋ฅผ ์—ฐ์Šตํ•˜๋Š” ๋‹จ๊ณ„๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ธ€์“ฐ๊ธฐ๋ฅผ ๋ฉˆ์ถ”๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ๋งŽ์ง€๋งŒ ํ•˜๋ฃจ์— ํ•œ ๋ฌธ๋‹จ์ด๋ผ๋„ ์“ฐ๋ ค๊ณ  ๋…ธ๋ ฅํ•ด๋ณด๋ฉด ์˜์–ด๋ฅผ ๊ณต๋ถ€ํ•˜๋“ฏ์ด ์ฝ”๋”ฉ๋„ ์กฐ๊ธˆ์”ฉ ๋Š˜๊ฒ ์ง€?

    ์—ฌ๊ธฐ๊นŒ์ง€๊ฐ€ ๋‚ด๊ฐ€ ์˜์–ด๋ฅผ ๊ณต๋ถ€ํ–ˆ๋˜ ๋ฐฉ๋ฒ•์„ ์ฝ”๋”ฉ์— ์ ์šฉํ•ด์„œ ์จ๋ณธ ๊ฒƒ์ด๋‹ค. ๋จธ๋ฆฟ์†์—๋งŒ ์กด์žฌํ•˜๋˜ ์ƒ๊ฐ์„ ํ’€์–ด๋ณผ๊ฒธ, ๊ทธ๋ฆฌ๊ณ  ๋‚˜์ฒ˜๋Ÿผ ๊ณต๋ถ€ํ•˜๋Š” ๋ถ„๋“ค์ด ์žˆ๋‹ค๋ฉด ์ด๋Ÿฐ ๋ฐฉ๋ฒ•๋„ ์žˆ๋‹ค๊ณ  ์•Œ๋ ค๋“œ๋ฆฌ๊ณ  ์‹ถ์–ด์„œ ๊ธ€์„ ์จ๋ณด์•˜๋‹ค.
    ๋‚˜ ์ž์‹ ๋„ ์ด ๋ฐฉ๋ฒ•์„ ํ† ๋Œ€๋กœ ์—ฐ๋ง๊นŒ์ง€ ๊ธด ๊ธ€(ํ”„๋กœ์ ํŠธ)์„ ๋‘ ์„ธ๋ฒˆ์€ ์จ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.