๐Ÿ’ป์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜

haneyjjunยท2023๋…„ 4์›” 18์ผ
0
post-thumbnail

์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜

SPARTA

  • 04.18 : 0.0 ~ 1.13
  • 04.19 : 1.14 ~ 1.13

1week

  • HTML : ๋ผˆ๋Œ€
  • CSS : ๊พธ๋ฏธ๊ธฐ
  • Javascripts : ์›€์ง์ด๋Š” ๊ฒƒ



HTML

๋กœ๊ทธ์ธํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ

๐Ÿ“„tags.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ | HTML ๊ธฐ์ดˆ</title>
</head>

<body>
    <!-- ๊ตฌ์—ญ์„ ๋‚˜๋ˆ„๋Š” ํƒœ๊ทธ๋“ค -->
    <div>๋‚˜๋Š” ๊ตฌ์—ญ์„ ๋‚˜๋ˆ„์ฃ </div>
    <p>๋‚˜๋Š” ๋ฌธ๋‹จ์ด์—์š”</p>
    <ul>
        <li> bullet point!1 </li>
        <li> bullet point!2 </li>
    </ul>

    <!-- ๊ตฌ์—ญ ๋‚ด ์ฝ˜ํ…์ธ  ํƒœ๊ทธ๋“ค -->
    <h1>h1์€ ์ œ๋ชฉ์„ ๋‚˜ํƒ€๋‚ด๋Š” ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค. ํŽ˜์ด์ง€๋งˆ๋‹ค ํ•˜๋‚˜์”ฉ ๊ผญ ์จ์ฃผ๋Š” ๊ฒŒ ์ข‹์•„์š”. ๊ทธ๋ž˜์•ผ ๊ตฌ๊ธ€ ๊ฒ€์ƒ‰์ด ์ž˜ ๋˜๊ฑฐ๋“ ์š”.</h1>
    <h2>h2๋Š” ์†Œ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค.</h2>
    <h3>h3~h6๋„ ๊ฐ์ž์˜ ์—ญํ• ์ด ์žˆ์ฃ . ๋น„์ค‘์€ ์ž‘์ง€๋งŒ..</h3>
    <hr>
    span ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค: ํŠน์ • <span style="color:red">๊ธ€์ž</span>๋ฅผ ๊พธ๋ฐ€ ๋•Œ ์จ์š”
    <hr>
    a ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค: <a href="http://naver.com/"> ํ•˜์ดํผ๋งํฌ </a>
    <hr>
    img ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
    <hr>
    input ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค: <input type="text" />
    <hr>
    button ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค: <button> ๋ฒ„ํŠผ์ž…๋‹ˆ๋‹ค</button>
    <hr>
    textarea ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค: <textarea>๋‚˜๋Š” ๋ฌด์—‡์ผ๊นŒ์š”?</textarea>
</body>

</html>

HTML ๋ช…๋ น์–ด ํ‘œ

๋ช…๋ น์–ด์–‘์‹์„ค๋ช…
title<title> ์ œ๋ชฉ </title>์ œ๋ชฉ ์„ค์ •
div<div> ๊ตฌ์—ญ </div>๊ตฌ์—ญ ๋‚˜๋ˆ„๊ธฐ
p<p> ๋ฌธ๋‹จ </p>๋ฌธ๋‹จ ๋‚˜๋ˆ„๊ธฐ
li<li> ํฌ์ธํŠธ </li>์  ์ฐ๊ธฐ
h1<h1> ์ œ๋ชฉ </h1>์ œ๋ชฉ
h2<h2> ์†Œ์ œ๋ชฉ </h2>์†Œ์ œ๋ชฉ
h3~6<h3> ๋‚ด์šฉ </h3>3โฌ†โฌ‡6
span<span style="color:red"> ๋‚ด์šฉ </span>๊ธ€์ž ๊พธ๋ฏธ๊ธฐ
a<a href="URL"> ๋งํฌ </a>ํ•˜์ดํผ๋งํฌ
img<img src="URL"/>์ด๋ฏธ์ง€ ์‚ฝ์ž…
input<input type="text"/>ํ…์ŠคํŠธ ์ž…๋ ฅ
button<button> ๋ฒ„ํŠผ </button>๋ฒ„ํŠผ
textarea<textarea> ๋‚ด์šฉ </textarea>ํ…์ŠคํŠธ ๊ตฌ์—ญ



CSS

Javascripts

๐Ÿ“„{2w} jQuery, Ajax, API

jQuery

Ajax

API

๐Ÿ“„{3w} Python, mongoDB, crawling

๐Ÿ“„{4w} mProject I

๐Ÿ“„{4w} mProject II

๐Ÿ“„{5w} mProject III

๐Ÿ“„{5w} AWS

0๊ฐœ์˜ ๋Œ“๊ธ€