ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [100DaysOfCode] 11๊ฐ•(1)
    Front-end/100DaysOfCode 2022. 7. 25. 22:30
    ๐Ÿ’ก์ด๋ฒˆ ๊ฐ•์˜ ํ•ต์‹ฌ ๋‚ด์šฉ
       - ํ˜ธ์ŠคํŒ…
       - ๋ฐฐํฌ
       - ํŒŒ๋น„์ฝ˜
       - ์ ˆ๋Œ€ ๊ฒฝ๋กœ

    ์›น์‚ฌ์ดํŠธ ๋ฐฐํฌ(Deploying a Website)

    Moving the website code onto a remote machine ("server") that serves the site to visitors

     

    ํ˜ธ์ŠคํŒ…(Hosting)

    The remote machine ("server") hosts(stores) the website code and serves it to visitors

     

    => If a website should be visible to other people, it needs to be hosted / deployed


    Netlify๋ฅผ ์ด์šฉํ•œ ์›น ๋ฐฐํฌ

     

    Netlify App

     

    app.netlify.com

    ๊ฐ„๋‹จํ•˜๊ฒŒ ๋“œ๋ž˜๊ทธ&๋“œ๋กญํ•ด์„œ ์‚ฌ์ดํŠธ๋ฅผ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ๋‹ค! (๋ถ€๋ถ„ ์œ ๋ฃŒ)

     


     

    ํŒŒ๋น„์ฝ˜(favicon)

    ํŒŒ๋น„์ฝ˜

    ์›น์‚ฌ์ดํŠธ ํƒญ์— ๋ณด๋ฉด ์žˆ๋Š” ์•„์ด์ฝ˜์ด๋‹ค.

     

     

     

     

    Favicon.io - The Ultimate Favicon Generator (Free)

    With Favicon.io you can quickly generate a favicon for your website for free!

    favicon.io

    ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ํŒŒ๋น„์ฝ˜์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋‹ค.

    ํŒŒ๋น„์ฝ˜.io ํŒŒ์ผ ์ค€๋น„ -> html ํŒŒ์ผ์— <link>ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•ด์„œ ๋„ฃ๊ธฐ

     

     

    ๐Ÿ”ฅ ํŒŒ๋น„์ฝ˜ ์ด๋ฏธ์ง€ ์ถ”๊ฐ€ํ•œ ๋’ค์— github ํ‘ธ์‰ฌ ์˜ค๋ฅ˜ ๋ฐœ์ƒ ์‹œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

    git add --force ๊ฒฝ๋กœ/ํŒŒ์ผ์ด๋ฆ„.io 

     

            <link rel="icon" href="images/favicon.ico" type="image/x-icon">
            <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
            <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
            <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
            <link rel="manifest" href="/site.webmanifest">

     

    ์ƒ๋Œ€ ๊ฒฝ๋กœ / ์ ˆ๋Œ€ ๊ฒฝ๋กœ

    - ์ƒ๋Œ€ ๊ฒฝ๋กœ

    <img src="images/studying.jpeg" alt="studying in library">

    ํŒŒ์ผ์—์„œ ์ƒ๋Œ€์ ์œผ๋กœ ๋ณด์ธ๋‹ค๋Š” ์˜๋ฏธ

    Look for files and folders relative from the source file

     

    - ์ ˆ๋Œ€ ๊ฒฝ๋กœ

    <img src="/images/studying.jpeg" alt="studying in library">

    Look for files and folders relative from the root folder

     

    ๐Ÿ’ก์ค‘์ฒฉ๋œ ํด๋”์— HTML ํŒŒ์ผ์ด ์žˆ๋Š” ๊ฒฝ์šฐ ์ƒ๋Œ€ ๊ฒฝ๋กœ ๋Œ€์‹  ์ ˆ๋Œ€ ๊ฒฝ๋กœ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋‚˜์„ ์ˆ˜ ์žˆ๋‹ค.

     

    'Front-end > 100DaysOfCode' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

    [100DaysOfCode] 12๊ฐ•  (0) 2022.07.27
    [100DaysOfCode] 11๊ฐ•(2)  (0) 2022.07.26
    [100DaysOfCode] 09 - 10๊ฐ• (Html, CSS ์—ฐ์Šต)  (0) 2022.07.25
    [100DaysOfCode] 08๊ฐ•  (0) 2022.07.22
    [100DaysOfCode] 07๊ฐ•  (0) 2022.07.20
Designed by Tistory.