๋ฐ˜์‘ํ˜•
250x250
Recent Posts
ยซ   2024/10   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
๊ด€๋ฆฌ ๋ฉ”๋‰ด

Hello creators ๐Ÿ™Œ

2-1_2์ฃผ์ฐจ ์˜ค๋Š˜ ๋ฐฐ์šธ ๊ฒƒ ๋ณธ๋ฌธ

[WEB & AI] ์ทจ์ค€ ๊ณต๋ถ€ ๊ธฐ๋ก/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜

2-1_2์ฃผ์ฐจ ์˜ค๋Š˜ ๋ฐฐ์šธ ๊ฒƒ

๋ถ€์‹œ๋งค๋‚˜_HA 2023. 10. 2. 09:00
728x90
๋ฐ˜์‘ํ˜•

โ… . ์ด๋ฒˆ ํšŒ์ฐจ ํ•™์Šต ๋ชฉํ‘œ (goal)


1. ํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฒƒ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ†ตํ•ด ํ™ˆํŽ˜์ด์ง€ '์›€์ง์ž„' ์„ ์ฃผ๊ธฐ

    • ex) ๋ฒ„ํŠผ ํด๋ฆญ ํ–ˆ์„ ๋•Œ > ๋‚˜์™”๋‹ค ๋“ค์–ด๊ฐ”๋‹ค.
    • ex) ์„œ์šธ์‹œ ๋ฐ์ดํ„ฐ ๋ฐ›์•„์™€์„œ > ๋‚ด ํ™ˆํŽ˜์ด์ง€์— ์ด์šฉํ•˜๊ธฐ
  • ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋ณต์Šต



โ…ก. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณต์Šต : ํ™€์ง ํ•จ์ˆ˜ ๋งŒ๋“ค๊ธฐ


ํ•ด๋ณด๊ธฐ

  • ๋ˆŒ๋ €์„ ๋•Œ ๋งˆ๋‹ค -> 'ํ™€' ์ง' 'ํ™€' '์ง' ๋‚˜์˜ค๊ฒŒ ํ•˜๊ธฐ



์ž‘์„ฑํ•œ ์ฝ”๋“œ ๐Ÿ”—

<script>

    let count = 0

    function hey() {
        count += 1
        if (count % 2 == 0) {
            alert('์ง์ˆ˜์ž…๋‹ˆ๋‹ค.')
        }
        else {
            alert('ํ™€์ˆ˜ ์ž…๋‹ˆ๋‹ค.')
        }
    }

</script>
</head>

<body>
    <!-- html ๋กœ ๊ธฐ๋ณธ ๋ผˆ๋Œ€ ๋งŒ๋“ค๊ธฐ -->
    <div class="mytitle">
        <h1> ๋‚ด ์ƒ์•  ์ตœ๊ณ ์˜ ์˜ํ™”๋“ค ๐ŸŽฌ </h1>
        <!-- โญโญโญ click ํ•˜๋ฉด -> hey() ํ•จ์ˆ˜ ์‹คํ–‰ํ•˜๊ฒŒ ํ•˜๊ธฐ -->
        <button onclick="hey()"> ์˜ํ™” ๊ธฐ๋กํ•˜๊ธฐ โœ๏ธ </button>
    </div>


๊ฒฐ๊ณผ๋ฌผ




์ถ”๊ฐ€์ ์œผ๋กœ ๋ฐฐ์šธ ๊ฒƒ

  • ๋ฒ„ํŠผ ์ƒ‰๊น” ๋ฐ”๊พธ๊ณ  ์‹ถ์„ ๋•Œ ํ•„์š”ํ•œ๊ฒŒ -> jQuery
  • div ๋ฐ•์Šค ํ•˜๋‚˜ ๊ฐ์ถ”๊ณ  ์‹ถ์œผ๋ฉด ํ•„์š”ํ•œ๊ฒŒ -> jQuery ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ


๐Ÿ’ญ What i learned


  • ์˜์–ด๋ฅผ ์ฝ๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ, ํ•ด์„์ด ๋˜๋Š” ๋Š๋‚Œ์ด ์ค‘์š”ํ•˜๋‹ค. ๋‚ด๊ฐ€ ์“ธ ๋•Œ, ์–ด๋–ป๊ฒŒ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋Š”์ง€๋ฅผ ์•Œ์•„์•ผ ํ•œ๋‹ค.
    • ex) ํ•จ์ˆ˜๋ฅผ ๋ณด๋ฉด -> ๊ฐ™์€ ๋™์ž‘์„ ๋ฐ˜๋ณตํ•ด์ฃผ๋Š”๊ฑฐ, ํ˜น์€ '๋™์‚ฌ' ๋ผ๊ณ  ์ฝ์„ ์ˆ˜ ์žˆ์–ด์•ผํ•œ๋‹ค.

  • '์ œ๋ชฉ ๊ฐ„' ์—๋Š” ์ด ์ •๋„๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ๋„์›Œ์ฃผ๋Š”๊ฒŒ ์•ˆ์ •์ ์ด๋ผ๊ณ  ์ƒ๊ฐํ•จ #๋งˆํฌ๋‹ค์šด์Šคํƒ€์ผ
    • 3์ค„์„ ๋„๊ณ , ๋ฐ‘์— 2์ค„์€ br ํƒœ๊ทธ
728x90
๋ฐ˜์‘ํ˜•
Comments