w._.hddnr_19 https://velog.io/ Hi, I'm JeonJongYook! ๐Ÿ‘‹ I am a 19 year old interested in software development. I am mainly specialized in Python automation, Web Developing, Thank you Wed, 20 Jul 2022 00:30:06 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed w._.hddnr_19 https://velog.velcdn.com/images/w-hddnr18/profile/6cb48cf8-3a1d-4618-a0de-5a1018f53811/image.jpg https://velog.io/ Copyright (C) 2019. w._.hddnr_19. All rights reserved. <![CDATA[2022-07-28 ์‹œํ—˜ ๊ณผ์ œ]]> https://velog.io/@w-hddnr18/2022-07-28-%EC%8B%9C%ED%97%98-%EA%B3%BC%EC%A0%9C https://velog.io/@w-hddnr18/2022-07-28-%EC%8B%9C%ED%97%98-%EA%B3%BC%EC%A0%9C Wed, 20 Jul 2022 00:30:06 GMT ๊ณผ์ œ1. ๋„ค์ด๋ฒ„ ๋กœ๊ทธ์ธ ํ™”๋ฉด ์ œ์ž‘

๋„ค์ด๋ฒ„ ๋กœ๊ทธ์ธ UI ์œ„์˜ ๋ณด์ด๋Š” Naver Login UI๋ฅผ ์•„๋ž˜ ์กฐ๊ฑด์„ ํ™œ์šฉํ•˜์—ฌ ๋ณธ์ธ ์‹ค๋ ฅ๋Œ€๋กœ ์ž‘์„ฑํ•˜์‹œ์˜ค. ์ •๋‹ต์€ ์—†์Šต๋‹ˆ๋‹ค. ๋ณธ์ธ์˜ ์‹ค๋ ฅ์„ ์ตœ๋Œ€ํ•œ ๋ฐœํœ˜ํ•ด ๋ณด์‹ญ์‹œ์˜ค.

์กฐ๊ฑด

  1. ๋กœ๊ณ ์™€ ์•„์ด์ฝ˜์€ ๋ฐ˜๋“œ์‹œ ๊ณต์‹ ๋ฌธ์„œ์˜ ์•„์ด์ฝ˜๊ณผ ๋ฐฐํฌ๋œ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ์•ผ ํ•œ๋‹ค.
  2. ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ login.php๋กœ ๋ฐ์ดํ„ฐ๊ฐ€ ์„œ๋ฒ„๋กœ ์ „์†ก๋  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜์—ฌ์•ผ ํ•œ๋‹ค. (๋‹จ, login.php ๋‚ด์šฉ์€ ์ž‘์„ฑ ํ•˜์ง€ ์•Š์Œ)
  3. CSS๋Š” ๋ถ„๋ฆฌํ•˜์—ฌ ์ž‘์„ฑํ•œ๋‹ค. (/CSS/index.css)
  4. Naver ๋กœ๊ณ ๋Š” ์‚ฌ์ง„์œผ๋กœ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„ ์‚ฌ์ง„์œผ๋กœ ์ ์šฉํ•˜๊ณ  (์ด๋ฏธ์ง€ ํด๋ฆญ์‹œ ํŽ˜์ด์ง€ ์ƒˆ๋กœ๊ณ ์นจ์ด ๋  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์‹œ์˜ค.)

๋„ค์ด๋ฒ„ ๊ฐœ๋ฐœ์ž ๊ณต์‹ ๋ฌธ์„œ์—์„œ ๊ฐ€์ ธ์˜จ icon ๋‹ค์šด๋กœ๋“œ

Download

์ œ์ถœ ๋ฐฉ๋ฒ•

  1. ๋ฐ”ํƒ•ํ™”๋ฉด์— "์ด๋ฆ„-ํ•™๋ฒˆ"์˜ ํ˜•์‹์œผ๋กœ ํด๋”๋ฅผ ๋งŒ๋“ ๋‹ค.
  2. slack์— "์ข…์šฑ"์„ ๋ˆŒ๋Ÿฌ ์— ์žˆ๋Š” ์ฝ”๋“œ ๋ชจ์–‘ ์•„์ด์ฝ˜์„ ๋ˆŒ๋Ÿฌ ์ฝ”๋“œ๋ฅผ ์ „์ฒด ๋ณต๋ถ›ํ›„ ๋ณด๋‚ด๊ธฐ html๊ณผ css ํŒŒ์ผ ๋”ฐ๋กœ ๋”ฐ๋กœ ๋ณด๋‚ผ ๊ฒƒ.
]]> <![CDATA[2022-04-12 ์›น ๊ณตํ†ต๊ณผ์ œ]]> https://velog.io/@w-hddnr18/2022-04-12 https://velog.io/@w-hddnr18/2022-04-12 Sun, 10 Apr 2022 14:39:36 GMT ์†Œ์Šค์ฝ”๋“œ 
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML์—ฐ์Šต๋ฌธ์ œ_3</title>
</head>
<body>
    <h1>ํšŒ์›๊ฐ€์ž…</h1>

    <form method="post">
        <fieldset>
            <legend>ํ•„์ˆ˜ ์ž…๋ ฅ ์‚ฌํ•ญ</legend>
            <table>
                <tr>
                    <th>ID</th>
                    <td><input type="text" name="id" maxlength="10" placeholder="์•„์ด๋”” 10๊ธ€์ž ์ด๋‚ด"></td>
                    <td><button type="button">์ค‘๋ณต ํ™•์ธ</button></td>
                </tr>

                <tr>
                    <th>๋น„๋ฐ€๋ฒˆํ˜ธ</th>
                    <td colspan="2">
                        <input type="password" name="pw1" size="30" placeholder="์˜๋ฌธ,์ˆซ์ž,ํŠน์ˆ˜๋ฌธ์ž ํฌํ•จ 8์ž ์ด์ƒ">
                    </td>
                </tr>

                <tr>
                    <th>๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ</th>
                    <td colspan="2"><input type="password" name="pw2" size="30"></td>
                </tr>

                <tr>
                    <th>Email</th>
                    <td><input type="text" name="email1"></td>
                    <td>
                        <select name="email2">
                            <option value="Seoul">์ง์ ‘์ž…๋ ฅ &nbsp;&nbsp;&nbsp;&nbsp;</option>
                            <option value="naver">naver.com</option>
                            <option value="daum">daum.net</option>
                        </select>
                    </td>
                </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend>์ถ”๊ฐ€ ์ •๋ณด</legend>
            <label for="profile">ํ”„๋กœํ•„ ์‚ฌ์ง„ </label>
            <input type="file" name="profile" id="profile">
            <br><br>

            <label>์„ฑ๋ณ„ : </label>
            <input type="radio" name="gender" value="M" checked>๋‚จ์ž
            <input type="radio" name="gender" value="F">์—ฌ์ž
            <br><br>

            <label for="birth">์ƒ๋…„์›”์ผ : </label>
            <input type="date" name="birth" id="birth">
            <br><br>

            <label>์ทจ๋ฏธ</label><br>
            <input type="checkbox" name="hobby" value="1"> ์•ผ๊ตฌ &nbsp;
            <input type="checkbox" name="hobby" value="2"> ๋†๊ตฌ &nbsp;
            <input type="checkbox" name="hobby" value="3"> ์ถ•๊ตฌ<br>
            <input type="checkbox" name="hobby" value="4" checked> ๊ณต๋ถ€ &nbsp;
            <input type="checkbox" name="hobby" value="5"> ์Œ์•…๊ฐ์ƒ<br>
            <input type="checkbox" name="hobby" value="0"> ๊ธฐํƒ€ <input type="text" name="hobby0">
            <br><br>

            <label for="intro">์ž๊ธฐ์†Œ๊ฐœ</label><br>
            <textarea name="intro" id="intro" rows="10" cols="80" style="resize:none"></textarea><br>
        </fieldset><br>

        <button>ํšŒ์›๊ฐ€์ž…</button>
        <button type="reset">๋‹ค์‹œ์ž…๋ ฅ</button>
        <button type="button">์ด์ „์œผ๋กœ</button>
    </form>
</body>
</html>

์™„์„ฑ์‚ฌ์ง„

์™„์„ฑ ์‚ฌ์ง„

]]> <![CDATA[2022-04-07 ์›น ๊ณตํ†ต๊ณผ์ œ]]> https://velog.io/@w-hddnr18/2022-04-07 https://velog.io/@w-hddnr18/2022-04-07 Wed, 06 Apr 2022 08:09:57 GMT ์†Œ์Šค์ฝ”๋“œ 
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML์—ฐ์Šต๋ฌธ์ œ_2</title>
</head>
<body>
    <form method="post">
        <fieldset>
            <legend>๋‚ฉํ’ˆ์ž ์ •๋ณด</legend>
            <ol>
                <li>
                    <label for="sName">๋‚ฉํ’ˆ์ž๋ช… : </label>
                    <input type="text" name="sName" id="sName">
                </li><br>
                <li>
                    <label for="email">email : </label>
                    <input type="email" name="email" id="email" placeholder="answer@naver.com">
                </li><br>
                <li>
                    <label for="page">ํ™ˆํŽ˜์ด์ง€ : </label>
                    <input type="url" name="page" id="page" value="http://">
                </li><br>
                <li>
                    <label for="region">์ง€์—ญ : </label>
                    <select name="region" id="region">
                        <option value="Seoul">์„œ์šธ</option>
                        <option value="Daejeon">๋Œ€์ „</option>
                        <option value="Daegu">๋Œ€๊ตฌ</option>
                        <option value="Busan" selected>๋ถ€์‚ฐ</option>
                    </select>
                </li>
            </ol>
        </fieldset>

        <fieldset>
            <legend>๋‚ฉํ’ˆ ์ •๋ณด</legend>
            <ul>
                <li>
                    <label for="pName">์ƒํ’ˆ๋ช… : </label>
                    <input type="text" name="pName" id="pName">
                </li><br>
                <li>
                    <label for="amount">๋‚ฉํ’ˆ์ˆ˜๋Ÿ‰ : </label>
                    <input type="number" name="amount" id="amount" placeholder="์ตœ์†Œ 100">
                </li><br>
                <li>
                    <label for="level">๋‚ฉํ’ˆ๋“ฑ๊ธ‰ : </label>
                    <input type="range" name="level" id="level">
                </li><br>
                <li>
                    <label for="issue">๊ธฐํƒ€์‚ฌํ•ญ : </label>
                    <textarea name="issue" id="issue" rows="5" cols="20"></textarea>
                </li><br>
            </ul>
        </fieldset><br>

        <button>send message</button>
    </form>
</body>
</html>

์™„์„ฑ ์‚ฌ์ง„

์™„์„ฑ๋„

]]> <![CDATA[2022-04-05 ์›น ๊ณตํ†ต๊ณผ์ œ]]> https://velog.io/@w-hddnr18/2022-04-05 https://velog.io/@w-hddnr18/2022-04-05 Tue, 05 Apr 2022 06:08:48 GMT ์†Œ์Šค์ฝ”๋“œ 
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML์—ฐ์Šต๋ฌธ์ œ_1</title>
</head>
<body>
    <form method="post">
        <label for="name">๊ณ ๊ฐ๋ช… : </label>
        <input type="text" name="name" id="name">
        <br><br>

        <label for="phone">์ „ํ™”๋ฒˆํ˜ธ : </label>
        <input type="tel" name="phone" id="phone">
        <br><br>

        <label for="email">E-mail : </label>
        <input type="email" name="email" id="email">
        <br><br>

        <label for="pizza">ํ”ผ์ž์„ ํƒ : </label>
        <select name="pizza" id="pizza">
            <option value="default">ํ”ผ์ž๋ฅผ ์„ ํƒํ•˜์„ธ์š”</option>
            <option value="1">์น˜์ฆˆ ํ๋“€ ํŒŒ์ด์–ด ๋ฏธํŠธ</option>
            <option value="2">๋ธ”๋ก๋ฒ„์Šคํ„ฐ4</option>
            <option value="3">๊ธ€๋กœ๋ฒŒ ๋ ˆ์ „๋“œ4</option>
            <option value="4">๋ธ”๋ž™์•ต๊ฑฐ์Šค ์Šคํ…Œ์ดํฌ</option>
            <option value="5">๋ฒ ์ŠคํŠธ ์ฝฐํŠธ๋กœ</option>
            <option value="6">๋ธ”๋ž™ํƒ€์ด๊ฑฐ ์Šˆ๋ฆผํ”„</option>
        </select><br>

        <fieldset>
            <legend>ํ”ผ์ž ์‚ฌ์ด์ฆˆ</legend>
            <input type="radio" name="size" value="S">Small<br><br>
            <input type="radio" name="size" value="M">Medium<br><br>
            <input type="radio" name="size" value="L">Large<br><br>
        </fieldset>

        <fieldset>
            <legend>ํ† ํ•‘ ์„ ํƒ</legend>
            <input type="checkbox" name="topping" value="bacon">๋ฒ ์ด์ปจ<br><br>
            <input type="checkbox" name="topping" value="cheese">์น˜์ฆˆ<br><br>
            <input type="checkbox" name="topping" value="onion">์–‘ํŒŒ<br><br>
            <input type="checkbox" name="topping" value="mushroom">๋ฒ„์„ฏ<br><br>
        </fieldset>

        <label for="time">ํฌ๋ง๋ฐฐ์†ก์‹œ๊ฐ„ : </label>
        <input type="time" name="time" id="time">
        <br><br>

        <label for="request">๋ฐฐ์†ก์‹œ ์š”์ฒญ์‚ฌํ•ญ : </label>
        <textarea name="request" id="request" rows="4" cols="20"></textarea>
        <br><br>

        <button>์ฃผ๋ฌธํ•˜๊ธฐ</button>
    </form>
</body>
</html>
]]>