c o d i n g . . ๐Ÿ‰/HTML & CSS

[์ƒํ™œ์ฝ”๋”ฉ] ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ(1): ํ™˜๊ฒฝ ์กฐ์„ฑ

H J 2021. 1. 30. 03:20

์›๋ž˜ ์ƒํ™œ์ฝ”๋”ฉ์˜ HTML ์ˆ˜์—…์„ ๋“ค์œผ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ ๊ทธ์ „์— '์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ'๋ผ๋Š” ์ˆ˜์—…์„ ๋จผ์ € ๋“ฃ๋Š” ๊ฒƒ์ด ๋„์›€์ด ๋œ๋‹ค๊ณ  ํ•ด์„œ ์ด ์ˆ˜์—… ๋จผ์ € ๋“ฃ๊ธฐ๋กœ ํ–ˆ๋‹ค.

 

(์˜ค๋Š˜๋ถ€ํ„ฐ ๋‹ค์‹œ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ ์‹œ์ž‘ํ•ด์•ผ์ง€ใ…œ ๋‹ค์Œ ์ฃผ๋Š” ๋˜ ์—ด์‹ฌํžˆ ๋†€ ํ…Œ๋‹ˆ๊นŒใ… )


 

์ˆ˜์—…์„ ๋“ฃ๊ธฐ ์œ„ํ•ด์„  ์›น ๋ธŒ๋ผ์šฐ์ €์™€ ์›น ์„œ๋ฒ„๊ฐ€ ๊น”๋ ค์žˆ์–ด์•ผ ํ•˜๋Š”๋ฐ ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ๋Œ€๋ถ€๋ถ„ ์ด๋ฏธ ๊น”๋ ค์žˆ๊ธฐ ๋•Œ๋ฌธ์— 'Apache'๋ผ๋Š” ์›น ์„œ๋ฒ„๋ฅผ ๊น”์•„ ์‚ฌ์šฉํ•  ๊ฒƒ์ด๋‹ค. Apache๋Š” ์›น ์„œ๋ฒ„์ด๊ธฐ ๋•Œ๋ฌธ์— ์„ค์น˜๋ฅผ ํ•˜๋Š” ๊ฒŒ ํž˜๋“ค๊ธฐ ๋•Œ๋ฌธ์— 'Bitnami'๋ฅผ ์ด์šฉํ•ด ์„ค์น˜ํ•  ๊ฒƒ์ด๋‹ค.

 

์„ค์น˜๊ฐ€ ๋๋‚˜๊ณ  localhost/index.html์„ ์›น ๋ธŒ๋ผ์šฐ์ €์— ๊ฒ€์ƒ‰ํ•ด๋ณด์•˜์„ ๋•Œ ์•„๋ž˜์™€ ๊ฐ™์€ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด ์ œ๋Œ€๋กœ ์„ค์น˜๊ฐ€ ๋œ ๊ฒƒ์ด๋‹ค!

 

์ด์™€ ๊ฐ™์€ ๊ฒฝ๋กœ๋กœ ๋“ค์–ด๊ฐ€์„œ index.html์ด ๋ฐ”๋กœ ์•„๊นŒ ๋ดค๋˜ ํŽ˜์ด์ง€์˜ ๋‚ด์šฉ์ด ์ €์žฅ๋ผ์žˆ๋Š” ๊ฒƒ์ด๋‹ค.

 

๊ทธ๋ฆฌ๊ณ  ๋ธŒ๋ผ์šฐ์ €์— localhost/helloworld.html์„ ๊ฒ€์ƒ‰ํ•˜๊ฒŒ ๋˜๋ฉด ์—†๋Š” ํŽ˜์ด์ง€๋ผ๊ณ  ๋œจ๊ฒŒ ๋  ํ…๋ฐ ์•„๊นŒ ์šฐ๋ฆฌ๊ฐ€ ๋“ค์–ด๊ฐ”๋˜ ๊ฒฝ๋กœ๋กœ helloworld.html์ด๋ผ๋Š” ํŒŒ์ผ์„ ๋งŒ๋“ค์–ด์ค€ ๋‹ค์Œ (๋ฉ”๋ชจ์žฅ์— hello world๋ฅผ ์“ฐ๊ณ  ์ €์žฅํ•ด์คŒ) ๋‹ค์‹œ ๊ฒ€์ƒ‰ํ•˜๋ฉด ํŒŒ์ผ์— ์žˆ๋Š” hello world๊ฐ€ ๋‚˜์™€์žˆ๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

 

htdoc ๋””๋ ‰ํ„ฐ๋ฆฌ์— ์ €์žฅ๋˜์–ด์žˆ๋Š” ํŒŒ์ผ์„ ์—ด์–ด์ค€๋‹ค. (Document Root๋ผ๊ณ ๋„ ํ•จ)

 

์šฐ์™€,,, ์‹ ๊ธฐํ•ด,,,,

 

์ด์ œ Bitnami์˜ ์ œ์–ดํŒ์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•!

์œ„์™€ ๊ฐ™์€ ๊ฒฝ๋กœ๋กœ ๋“ค์–ด๊ฐ€์„œ ์ด ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰์‹œ์ผœ์ค€๋‹ค
๊ทธ๋Ÿผ ์ด๋Ÿฐ ํ™”๋ฉด์ด ๋œจ๊ฒŒ ๋œ๋‹ค

 

manage servers์˜ ์ด ๋‘๊ฐœ๋Š” ํ•ญ์ƒ ์‹คํ–‰๋˜๊ณ  ์žˆ์–ด์•ผํ•œ๋‹ค๊ณ  ํ•œ๋‹ค


 

์—ฌ๊ธฐ๊นŒ์ง€! ๋‹ค์Œ๋ถ€ํ„ด HTML ์ด๋ก ๋ถ€ํ„ฐ ๊ณต๋ถ€ํ•˜๋ฉด ๋œ๋‹ค

 

๊ฐœ๊ฐ•ํ•˜๊ธฐ ์ „๊นŒ์ง€ HTML์ด๋ž‘ CSS๋ฅผ ๊ณต๋ถ€ํ•˜๊ธฐ๋กœ ๋งˆ์Œ๋จน์—ˆ๊ธฐ ๋•Œ๋ฌธ์—! ์˜ค๋Š˜๋ถ€ํ„ฐ ์—ด์‹ฌํžˆ,, ๊พธ์ค€ํžˆ ํ•ด๋ด์•ผ์ง€ใ… ใ… 

๐Ÿพ๐Ÿพ๐Ÿพ