๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Note for moment

์›นํ‘œ์ค€๊ณผ ์›น ์ ‘๊ทผ์„ฑ, ํ’ˆ์งˆ์š”๊ตฌ์‚ฌํ•ญ

by ๐Ÿ’œautumn 2020. 9. 9.

์ž˜ ๋งŒ๋“ค์–ด์ง„ ์›น์ด๋ž€? ์›น ํ‘œ์ค€์„ ์ž˜ ์ง€ํ‚ค๊ณ  ์›น ์ ‘๊ทผ์„ฑ์„ ์ž˜ ๊ตฌํ˜„ํ•œ ๊ฒƒ

 

* WEB์˜ 3์š”์†Œ

1. ์›น ํ‘œ์ค€

  : ์›น์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๊ทœ์น™ ๋˜๋Š” ๊ธฐ์ˆ 

  : ์›น์‚ฌ์ดํŠธ ์ž‘์„ฑ์‹œ ์ด์šฉํ•˜๋Š” HTML, JavaScript, CSS๋“ฑ์„ ๊ทœ์ •์— ๋”ฐ๋ผ ์ฝ”๋”ฉํ•˜๋Š” ๊ฒƒ

  : ์›นํŽ˜์ด์ง€๊ฐ€ ๋‹ค๋ฅธ ๊ธฐ์ข…์ด๋‚˜ ํ”Œ๋ ›ํผ์—์„œ๋„ ๊ตฌํ˜„๋˜๋„๋ก ์ œ์ž‘ํ•˜๋Š” ๊ธฐ๋ฒ•

  # e.g.  

    1) ๋ฐ์ดํ„ฐ์™€ ๋””์ž์ธ ๋ถ„๋ฆฌ โ‡จ CSSํŒŒ์ผ ํ™œ์šฉ

    2) ๊ตฌ์กฐํ™”๋œ ํƒœ๊ทธ ์‚ฌ์šฉ โ‡จ ์ œ๋ชฉ์€ H1,H2,... ๋ฌธ๋‹จ์€ p, ๋ชฉ๋ก์€ ul ๋“ฑ

    3) ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•

    4) HTML5 ์‚ฌ์šฉ โ‡จ <!DOCTYPE HTML>, header-footer-article ๋“ฑ ์‚ฌ์šฉ, formํƒœ๊ทธ๋กœ๋งŒ ๊ตฌํ˜„ 

 

2. ์›น ์ ‘๊ทผ์„ฑ

  : ๋ˆ„๊ตฌ๋‚˜, ์–ด๋–ค ํ™˜๊ฒฝ์—์„œ๋„ ์›น์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณตํ•˜๋Š” ๋ชจ๋“  ์ •๋ณด์— ์ ‘๊ทผํ•˜์—ฌ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜๋Š” ๊ฒƒ

  : ์ฆ‰, ๋ชจ๋“  ์ž์›์— ๋Œ€ํ•œ ๋Œ€์ฒด์ˆ˜๋‹จ์„ ๋งˆ๋ จํ•˜๋Š” ๊ฒƒ

  # e.g.  

    1) img์— altํƒœ๊ทธ

    2) ์ž๋™์œผ๋กœ ์žฌ์ƒ๋˜๋Š” ๋ฐฐ๊ฒฝ์Œ ์‚ฌ์šฉ๊ธˆ์ง€

    3) ์›€์ง์ด๋Š” ์ปจํ…์ธ  ์ œ์–ด๊ฐ€๋Šฅ

    4) ์ž…๋ ฅ์˜ค๋ฅ˜ ์ˆ˜์ • ๋ฐฉ๋ฒ•์„ ์ œ๊ณต

 

3. ์›น ํ˜ธํ™˜์„ฑ

  : ํ•˜๋“œ์›จ์–ด๋‚˜ ์†Œํ”„ํŠธ์›จ์–ด ๋“ฑ์ด ๋‹ค๋ฅธ ํ™˜๊ฒฝ์—์„œ๋„ ๋ชจ๋“  ์ด์šฉ์ž์—๊ฒŒ ๋™๋“ฑํ•œ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ

  : ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง•

 

 

 

* S/Wํ’ˆ์งˆ ์š”๊ตฌ์‚ฌํ•ญ

์†Œํ”„ํŠธ์›จ์–ด์˜ ๊ธฐ๋Šฅ, ์„ฑ๋Šฅ, ๋งŒ์กฑ๋„ ๋“ฑ ์†Œํ”„ํŠธ์›จ์–ด์— ๋Œ€ํ•œ ์š”๊ตฌ์‚ฌํ•ญ์„ ์–ผ๋งˆ๋‚˜ ๋งŒ์กฑํ•˜๋Š”์ง€๋ฅผ ๋‚˜ํƒ€๋‚ธ๊ฒƒ

   # ISO/IEC9126   

   โ‘  ๊ธฐ๋Šฅ์„ฑ : ์š”๊ตฌ์‚ฌํ•ญ์„ ๋งŒ์กฑํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š”๊ฐ€

       โžก๏ธŽ ์ ์ ˆ์„ฑ, ์ •ํ™•์„ฑ, ์ƒํ˜ธ์šด์šฉ์„ฑ, ๋ณด์•ˆ์„ฑ, ํ˜ธํ™˜์„ฑ

   โ‘ก ์‹ ๋ขฐ์„ฑ : ์š”๊ตฌ์— ๋Œ€ํ•œ ์‘๋‹ต์„ ์ •ํ™•ํ•˜๊ณ  ์ผ๊ด€๋˜๊ฒŒ ํ•˜๋Š”๊ฐ€

       โžก๏ธŽ ์„ฑ์ˆ™์„ฑ, ๊ณ ์žฅํ—ˆ์šฉ์„ฑ, ํšŒ๋ณต์„ฑ

   โ‘ข ์‚ฌ์šฉ์„ฑ : ์‚ฌ์šฉ์ž๊ฐ€ ์ดํ•ดํ•˜๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ ์ข‹์€๊ฐ€

       โžก๏ธŽ ์ดํ•ด์„ฑ, ํ•™์Šต์„ฑ, ์นœ๋ฐ€์„ฑ, ์šด์šฉ์„ฑ

   โ‘ฃ ํšจ์œจ์„ฑ : ํ• ๋‹น๋œ ์‹œ๊ฐ„๊ณผ ํ•œ์ •๋œ ์ž์›์œผ๋กœ ์–ผ๋งˆ๋‚˜ ๋น ๋ฅด๊ฒŒ ์ฒ˜๋ฆฌํ•˜๋Š”๊ฐ€

      โžก๏ธŽ ์‹œ๊ฐ„ํšจ์œจ์„ฑ, ์ž์›ํšจ์œจ์„ฑ

   โ‘ค ์œ ์ง€๋ณด์ˆ˜์„ฑ : ํ™˜๊ฒฝ์˜ ๋ณ€ํ™” ๋˜๋Š” ์ƒˆ๋กœ์šด ์š”๊ตฌ์‚ฌํ•ญ ๋ฐœ์ƒ์‹œ ๊ฐœ์„  ๋˜๋Š” ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋Š” ์ •๋„

       โžก๏ธŽ ๋ถ„์„์„ฑ, ๋ณ€๊ฒฝ์„ฑ, ์•ˆ์ •์„ฑ, ์‹œํ—˜์„ฑ

   โ‘ฅ ์ด์‹์„ฑ : ๋‹ค๋ฅธ ํ™˜๊ฒฝ์— ์‰ฝ๊ฒŒ ์ ์šฉ ๊ฐ€๋Šฅํ•œ๊ฐ€

       โžก๏ธŽ ์ ์šฉ์„ฑ, ์„ค์น˜์„ฑ, ๊ณต์กด์„ฑ, ๋Œ€์ฒด์„ฑ

 

 

๋Œ“๊ธ€