์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

์ด์•ผ๊ธฐ๋กœ ๋ฐฐ์šฐ๋Š” JavaScript

HTML๊ณผ CSS๋กœ ์•„๋ฆ„๋‹ต๊ฒŒ ์™„์„ฑํ•œ ์นดํŽ˜ ํ™ˆํŽ˜์ด์ง€์— JavaScript๋กœ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒํ•œ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๋Š” ์‹ค์ „ ํ”„๋กœ์ ํŠธ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ๋ฒ„ํŠผ ํด๋ฆญ, ๋ฉ”๋‰ด ํ•„ํ„ฐ๋ง, ์˜ˆ์•ฝ ํผ, ๋‹คํฌ๋ชจ๋“œ ํ† ๊ธ€๋ถ€ํ„ฐ API ์—ฐ๋™๊นŒ์ง€ JavaScript์˜ ๋ชจ๋“  ๊ธฐ์ดˆ๋ฅผ ๋ฏผ์ง€์™€ ์ฝ”๋“œ ์„ ์ƒ์˜ ์Šคํ† ๋ฆฌ๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉฐ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 5์‹œ๊ฐ„์˜ ํ•™์Šต์œผ๋กœ ์ดˆ๋ณด์ž๋„ ๋™์ ์ธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

(1.0) ์ˆ˜๊ฐ•ํ‰ 1๊ฐœ

์ˆ˜๊ฐ•์ƒ 10๋ช…

๋‚œ์ด๋„ ์ž…๋ฌธ

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

javascript๊ธฐ์ดˆ
javascript๊ธฐ์ดˆ
์›น์ธํ„ฐ๋ž™์…˜
์›น์ธํ„ฐ๋ž™์…˜
์Šคํ† ๋ฆฌํ…”๋ง
์Šคํ† ๋ฆฌํ…”๋ง
dom์กฐ์ž‘
dom์กฐ์ž‘
๋น„๋™๊ธฐํ”„๋กœ๊ทธ๋ž˜๋ฐ
๋น„๋™๊ธฐํ”„๋กœ๊ทธ๋ž˜๋ฐ
javascript๊ธฐ์ดˆ
javascript๊ธฐ์ดˆ
์›น์ธํ„ฐ๋ž™์…˜
์›น์ธํ„ฐ๋ž™์…˜
์Šคํ† ๋ฆฌํ…”๋ง
์Šคํ† ๋ฆฌํ…”๋ง
dom์กฐ์ž‘
dom์กฐ์ž‘
๋น„๋™๊ธฐํ”„๋กœ๊ทธ๋ž˜๋ฐ
๋น„๋™๊ธฐํ”„๋กœ๊ทธ๋ž˜๋ฐ

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • JavaScript์˜ ๋ชจ๋“  ๊ธฐ๋ณธ ๋ฌธ๋ฒ•์„ ์‹ค์ „ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ์ฒด๋“ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • DOM ์กฐ์ž‘์œผ๋กœ ์›น ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ์ œ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ๋กœ ์‚ฌ์šฉ์ž ์ธํ„ฐ๋ž™์…˜์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • ์‹ค๋ฌด์—์„œ ์ž์ฃผ ์“ฐ์ด๋Š” JavaScript ํŒจํ„ด์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • API๋ฅผ ์—ฐ๋™ํ•ด ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค


์ด์•ผ๊ธฐ๋กœ ๋ฐฐ์šฐ๋Š” JavaScript - ๋ฏผ์ง€์˜ ์นดํŽ˜ ํ™ˆํŽ˜์ด์ง€์— ์ƒ๋ช… ๋ถˆ์–ด๋„ฃ๊ธฐ

์ด ๊ฐ•์˜๋Š” ์ง€๋ฃจํ•œ ์•”๊ธฐ ๋Œ€์‹ , ์‚ด์•„ ์ˆจ ์‰ฌ๋Š” '๋ฏผ์ง€์˜ ์นดํŽ˜'๋ฅผ ์ง์ ‘ ๋งŒ๋“ค๋ฉด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(javascript)๋ฅผ ๋งˆ์Šคํ„ฐํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ๋ฅผ ํด๋ฆญํ•˜๊ณ , ์›€์ง์ด๊ณ , ๋ฐ˜์‘ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” '์ƒ๋ช…๋ ฅ'์„ ๋ถˆ์–ด๋„ฃ๋Š” ์‹ค์ „ ๊ฒฝํ—˜์„ ํ†ตํ•ด, ์ทจ์—… ํฌํŠธํด๋ฆฌ์˜ค๋กœ ๋ฐ”๋กœ ์“ธ ์ˆ˜ ์žˆ๋Š” ์™„์„ฑ๋„ ๋†’์€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ™•๋ณดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค .

html/css ๊ธฐ์ดˆ๋งŒ ์žˆ๋‹ค๋ฉด, ์ด ์Šคํ† ๋ฆฌํ…”๋ง ๊ธฐ๋ฐ˜์˜ ๊ณผ์ •์ด ๋‹น์‹ ์„ '์›น์‚ฌ์ดํŠธ ๋นŒ๋”'์—์„œ '์›น ๊ฐœ๋ฐœ์ž'๋กœ ํ™•์‹คํžˆ ์—…๊ทธ๋ ˆ์ด๋“œ์‹œ์ผœ ์ค„ ๊ฒƒ์ž…๋‹ˆ๋‹ค .


1. ์ง€๋ฃจํ•œ '๋ฌธ๋ฒ• ์•”๊ธฐ' ๋Œ€์‹  '์นดํŽ˜ ๋งŒ๋“ค๊ธฐ'

  • ๋Œ€๋ถ€๋ถ„์˜ ์ผ๋ฐ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ•์˜๋Š” ๋ณ€์ˆ˜, ํ•จ์ˆ˜, ๋ฐ˜๋ณต๋ฌธ ๊ฐ™์€ ๋ฌธ๋ฒ•์„ ๋”ฐ๋กœ๋”ฐ๋กœ ๋‹ฌ๋‹ฌ ์™ธ์šฐ๊ฒŒ ํ•ด์„œ ์žฌ๋ฏธ๊ฐ€ ์—†๊ณ , ์‹ค์ „์—์„œ ์–ด๋–ป๊ฒŒ ์จ์•ผ ํ• ์ง€ ๋ง‰๋ง‰ํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค .

    • ๋งˆ์น˜ ๊ฑด์ถ•์— ํ•„์š”ํ•œ ํ†ฑ, ๋ง์น˜, ๋ชป์˜ ์ด๋ฆ„๊ณผ ์ •์˜๋งŒ ๋ฐฐ์šฐ๊ณ , ์ •์ž‘ ์ง‘์„ ์ง€์–ด๋ณด์ง€ ์•Š๋Š” ๊ฒƒ๊ณผ ๊ฐ™์•„์š”.

  • ์ด ๊ฐ•์˜๋Š” '๋ฏผ์ง€์˜ ์นดํŽ˜ ํ™ˆํŽ˜์ด์ง€๋ฅผ ์™„์„ฑํ•˜๋Š”' ํ•˜๋‚˜์˜ ํฐ ์Šคํ† ๋ฆฌ๋ฅผ ๋”ฐ๋ผ๊ฐ€๊ธฐ ๋•Œ๋ฌธ์—, ๋ฌธ๋ฒ•์„ ๋ฐฐ์šฐ์ž๋งˆ์ž ๋ฐ”๋กœ ์‹ค์Šต์— ์ ์šฉํ•˜๊ณ  ๊ฒฐ๊ณผ๋ฅผ ๋ˆˆ์œผ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค .

    • ์ด ๋ฐฉ์‹์„ ํ†ตํ•ด ์—ฌ๋Ÿฌ๋ถ„์€ "์ด๊ฑธ ์–ด๋”” ์“ฐ์ง€?"๋ผ๋Š” ๊ณ ๋ฏผ ๋Œ€์‹ , ๋ฐ”๋กœ ์“ธ ์ˆ˜ ์žˆ๋Š” ์‹ค์šฉ์ ์ธ ๊ธฐ๋Šฅ์„ ๋งŒ๋“œ๋Š” ๊ฒฝํ—˜์„ ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค .



2. ์‚ด์•„์žˆ๋Š” ์›น์‚ฌ์ดํŠธ๋ž€ ๋ฌด์—‡์ผ๊นŒ?

  • ์›น์‚ฌ์ดํŠธ๊ฐ€ '์‚ด์•„์žˆ๋‹ค'๋Š” ๊ฒƒ์€ ์‚ฌ์šฉ์ž(ํด๋ผ์ด์–ธํŠธ)์˜ ํ–‰๋™์— ์ฆ‰๊ฐ์ ์œผ๋กœ ๋ฐ˜์‘ํ•˜๊ณ  ์›€์ง์ด๋Š” ๋Šฅ๋ ฅ์„ ๋งํ•ฉ๋‹ˆ๋‹ค .

    • HTML๊ณผ CSS๊ฐ€ ์›น์‚ฌ์ดํŠธ์˜ ๋ผˆ๋Œ€์™€ ์™ธํ˜•(์ง‘์˜ ๊ตฌ์กฐ์™€ ์ธํ…Œ๋ฆฌ์–ด)์„ ๋งŒ๋“ ๋‹ค๋ฉด, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ทธ ์›น์‚ฌ์ดํŠธ์— ์ƒ๋ช…์„ ๋ถˆ์–ด๋„ฃ๋Š” ์—ญํ• (์ „๊ธฐ, ์ˆ˜๋„, ์›€์ง์ด๋Š” ๋ฌธ)์„ ํ•ฉ๋‹ˆ๋‹ค.

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šฐ๋ฉด 'ํด๋ฆญํ•˜๊ณ , ์›€์ง์ด๊ณ , ๋ฐ˜์‘ํ•˜๋Š”' ๋™์ ์ธ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค .

    • ์˜ˆ๋ฅผ ๋“ค์–ด, ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ ๋ฉ”๋‰ดํŒ์ด ๋ฐ”๋€Œ๊ฑฐ๋‚˜, ์˜ˆ์•ฝ ํผ์— ์ž˜๋ชป๋œ ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๊ฐ€ ๋œจ๋Š” ๋ชจ๋“  ๊ธฐ๋Šฅ์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์˜์—ญ์ž…๋‹ˆ๋‹ค .



3. 5์ฃผ ๋™์•ˆ ๋ฐฐ์šฐ๋Š” ํ•ต์‹ฌ ๋กœ๋“œ๋งต: DOM ์กฐ์ž‘์ด ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค

  • ์ด ๊ฐ•์˜๋Š” ์ด 5๊ฐœ ์„น์…˜, 15๊ฐœ ์—ํ”ผ์†Œ๋“œ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์œผ๋ฉฐ, ์ด ํ•™์Šต ์‹œ๊ฐ„์€ ์•ฝ 5.3์‹œ๊ฐ„(320๋ถ„)์œผ๋กœ ์งง๊ณ  ์ง‘์ค‘์ ์ž…๋‹ˆ๋‹ค .

    • ์ฒ˜์Œ 2์ฃผ(Section 1, 2)๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ๊ธฐ์ดˆ ๋ฌธ๋ฒ•์„ ๋‹ค์ง€๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ์ž์ฒด๋ฅผ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค .

  • ์ง„์งœ ์›น์‚ฌ์ดํŠธ์— ์ƒ๋ช…์„ ๋ถˆ์–ด๋„ฃ๋Š” ๊ฒƒ์€ DOM ์กฐ์ž‘(Document Object Model Manipulation) ์„น์…˜๋ถ€ํ„ฐ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค (Week 3, Section 3) .

    • DOM ์กฐ์ž‘์€ ์›นํŽ˜์ด์ง€์˜ '์š”์†Œ ์ฐพ๊ธฐ', '์Šคํƒ€์ผ ๋ณ€๊ฒฝํ•˜๊ธฐ', '์š”์†Œ ์ถ”๊ฐ€/์‚ญ์ œํ•˜๊ธฐ'๋ฅผ ๋ฐฐ์šฐ๋Š” ๊ณผ์ •์œผ๋กœ, ์›นํŽ˜์ด์ง€์˜ ํŠน์ • ๋ถ€๋ถ„์„ ๋งˆ์Œ๋Œ€๋กœ ๊ฑด๋“œ๋ฆด ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.


graph TD A["Section 1 & 2: ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ์ดˆ (Week 1-2)"] --> B["Section 3: DOM ์กฐ์ž‘ (Week 3)"]; B --> C["Section 4: ์ธํ„ฐ๋ž™์…˜ (Week 4)"]; C --> D["Section 5: ์‹ค์ „ ๊ธฐ๋Šฅ (Week 5)"]; style B fill:#f9f,stroke:#333,stroke-width:2px



4. ์‹ค์ „์—์„œ ๋ฐ”๋กœ ํ†ตํ•˜๋Š”, '์ฝ”๋“œ ๋ธŒ๋ฃจ ์นดํŽ˜' ํ•ต์‹ฌ ๊ธฐ๋Šฅ 5๊ฐ€์ง€

  • ๊ฐ•์˜๋ฅผ ์™„์ฃผํ•˜๋ฉด ์ทจ์—… ํฌํŠธํด๋ฆฌ์˜ค์— ์ž๋ž‘์Šค๋Ÿฝ๊ฒŒ ๋„ฃ์„ ์ˆ˜ ์žˆ๋Š” '์ฝ”๋“œ ๋ธŒ๋ฃจ ์นดํŽ˜ ํ™ˆํŽ˜์ด์ง€'๋ฅผ ์™„์„ฑํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค .

    • ๋งŒ๋“œ๋Š” ๊ธฐ๋Šฅ๋“ค์€ ๋‹จ์ˆœํ•œ ์˜ˆ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ, ์‹ค์ œ ์šด์˜๋˜๋Š” ์›น์‚ฌ์ดํŠธ์— ํ•„์š”ํ•œ ์‹ค์šฉ์ ์ธ ๊ธฐ๋Šฅ๋“ค์ž…๋‹ˆ๋‹ค.

  • ์—ฌ๋Ÿฌ๋ถ„์€ ๋ฉ”๋‰ด ํ•„ํ„ฐ๋ง (์ปคํ”ผ๋งŒ ๋ณด๊ธฐ, ๋””์ €ํŠธ๋งŒ ๋ณด๊ธฐ), ์˜ˆ์•ฝ ํผ ๊ฒ€์ฆ (์ „ํ™”๋ฒˆํ˜ธ๊ฐ€ ๋งž๋Š”์ง€ ์ฒดํฌ), ๋‹คํฌ๋ชจ๋“œ ํ† ๊ธ€ ๋“ฑ์„ ์ง์ ‘ ๊ตฌํ˜„ํ•ด๋ด…๋‹ˆ๋‹ค .

    • ํŠนํžˆ ์‹ค์‹œ๊ฐ„ ๋‚ ์”จ ํ‘œ์‹œ ๊ธฐ๋Šฅ์€ ์™ธ๋ถ€ API(๋‹ค๋ฅธ ์„œ๋ฒ„์˜ ์ •๋ณด)๋ฅผ ๊ฐ€์ ธ์™€ ์—ฐ๋™ํ•˜๋Š” ๊ณ ๊ธ‰ ๊ธฐ์ˆ ์„ ๋ฐฐ์šฐ๋Š” ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค .



5. ์™„๋ฒฝํ•œ ํ•™์Šต ์‚ฌ์ดํด๊ณผ ์ค€๋น„๋ฌผ ์ฒดํฌ๋ฆฌ์ŠคํŠธ

  • ํ•™์Šต ํšจ์œจ์„ ๊ทน๋Œ€ํ™”ํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ ์—ํ”ผ์†Œ๋“œ๋งˆ๋‹ค 3๋‹จ๊ณ„ ๋ฏธ์…˜์ด ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค: ๊ธฐ์ดˆ, ์‹ฌํ™”, ๋ณด๋„ˆ์Šค ๋ฏธ์…˜์ž…๋‹ˆ๋‹ค .

    • ๊ธฐ์ดˆ ๋ฏธ์…˜์€ ๊ฐ•์˜ ๋‚ด์šฉ์„ ๋ณต์Šตํ•˜๊ณ , ์‹ฌํ™” ๋ฏธ์…˜์€ ๋ฐฐ์šด ๋‚ด์šฉ์„ ์ฐฝ์˜์ ์œผ๋กœ ์‘์šฉํ•˜๋ฉฐ, ๋ณด๋„ˆ์Šค ๋ฏธ์…˜์€ ๋‹ค์Œ ๋‚ด์šฉ์„ ์‚ด์ง ์˜ˆ์Šตํ•ด๋ณด๋Š” ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค.

  • ์ด ๊ณผ์ •์„ ์‹œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฒฝํ—˜์€ ํ•„์š” ์—†์ง€๋งŒ, HTML/CSS ๊ธฐ์ดˆ ์ง€์‹์€ ํ•„์ˆ˜์ ์œผ๋กœ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค .

    • ๋งˆ์น˜ ๊ทธ๋ฆผ์„ ๊ทธ๋ฆด ๋•Œ ์บ”๋ฒ„์Šค(HTML)์™€ ๋ฌผ๊ฐ(CSS)์€ ์ค€๋น„๋˜์–ด ์žˆ์–ด์•ผ, ๋ถ“๋†€๋ฆผ(JavaScript)์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ๊ณผ ๊ฐ™์•„์š”.


์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • HTML/CSS๋กœ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์ง€๋งŒ ์ •์ ์ด๋ผ ์•„์‰ฌ์šด ๋ถ„

  • ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ๋ฌด์–ธ๊ฐ€ ์ผ์–ด๋‚˜๊ฒŒ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

  • ์‚ฌ์šฉ์ž์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ์ฒ˜์Œ์ด์ง€๋งŒ ์›น ๊ฐœ๋ฐœ๋กœ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ์€ ๋ถ„

  • ์นดํŽ˜, ๋ ˆ์Šคํ† ๋ž‘ ํ™ˆํŽ˜์ด์ง€์— ์˜ˆ์•ฝ ๊ธฐ๋Šฅ, ๋ฉ”๋‰ด ํ•„ํ„ฐ ๋“ฑ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ์žฅ๋‹˜

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • HTML/CSS ๊ธฐ์ดˆ ์ง€์‹์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค! HTML ํƒœ๊ทธ์˜ ๊ธฐ๋ณธ ๊ตฌ์กฐ์™€ CSS ์Šคํƒ€์ผ๋ง์„ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•ด์š”. "์ด์•ผ๊ธฐ๋กœ ๋ฐฐ์šฐ๋Š” HTML"๊ณผ "์ด์•ผ๊ธฐ๋กœ ๋ฐฐ์šฐ๋Š” CSS" ๊ฐ•์˜๋ฅผ ๋จผ์ € ์ˆ˜๊ฐ•ํ•˜๊ฑฐ๋‚˜, ์ตœ์†Œํ•œ ์›น ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ์™€ ์Šคํƒ€์ผ๋ง ๋ฐฉ๋ฒ•์„ ์•Œ๊ณ  ์žˆ์œผ๋ฉด ์ถฉ๋ถ„ํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”
์†Œ์…œ์•„์นด์ด๋ธŒ์ž…๋‹ˆ๋‹ค.

200

๋ช…

์ˆ˜๊ฐ•์ƒ

20

๊ฐœ

์ˆ˜๊ฐ•ํ‰

3

๊ฐœ

๋‹ต๋ณ€

4.3

์ 

๊ฐ•์˜ ํ‰์ 

5

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š”. ์†Œ์…œ์•„์นด์ด๋ธŒ ์ž…๋‹ˆ๋‹ค.

์†Œ์…œ ์•„์นด์ด๋ธŒ์—์„œ๋Š” '์žฅ๊ธฐ ๋ณด์กด์˜ ๊ฐ€์น˜๋ฅผ ์ง€๋‹Œ ๊ณ ํ’ˆ์งˆ ์ž๋ฃŒ๋“ค์˜ ๋ณด๊ด€์†Œ'๋ฅผ ์šด์˜ํ•˜๋ฉฐ, ์—ฌ๋Ÿฌ๋ถ„์˜ ์—…๋ฌด ๋ฐฉ์‹์„ ํ˜์‹ ํ•  ์„ธ ๊ฐ€์ง€ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

  1. [์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด]์นด์นด์˜ค ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ์—์„œ ๋ฐฑ์—”๋“œ API๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉฐ ์—…๋ฌด ์‹œ์Šคํ…œ์˜ ๊ทผ๋ณธ์ ์ธ ํšจ์œจํ™”๋ฅผ ๊ณ ๋ฏผํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ฒฝํ—˜์ด AI ์ž๋™ํ™” ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ฐ€์žฅ ๊ฒฌ๊ณ ํ•˜๊ฒŒ ์„ค๊ณ„ํ•˜๋Š” ๊ธฐ๋ฐ˜์ด ๋ฉ๋‹ˆ๋‹ค.

  2. [AI ํŒŒ์ผ๋Ÿฟ] ์ €๋Š” GPT์™€ AI ํˆด์„ ํ™œ์šฉํ•˜์—ฌ ์‹ค๋ฌด์—์„œ ๊ฐ€์žฅ ๋น ๋ฅด๊ณ  ์ •ํ™•ํ•œ ์„ฑ๊ณผ๋ฅผ ๋„์ถœํ•˜๋Š” ์„ ํ–‰ ์‚ฌ์šฉ์ž์ž…๋‹ˆ๋‹ค. ๊ฒ€์ฆ๋œ ๋…ธํ•˜์šฐ๋งŒ์„ ์„ ๋ณ„ํ•˜์—ฌ ์—ฌ๋Ÿฌ๋ถ„์—๊ฒŒ ์ตœ์ ์˜ ๋น„ํ–‰ ๊ฒฝ๋กœ๋ฅผ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค.

  3. [์ „๋ฌธ ๊ฐ•์‚ฌ]KB๊ตญ๋ฏผ์€ํ–‰ IT ์•„์นด๋ฐ๋ฏธ์™€ ๊ตฌ๋ฆ„์—๋“€์˜ ์ฃผ๊ฐ•์‚ฌ๋กœ์„œ, ๋ณต์žกํ•œ ๊ธฐ์ˆ ์„ ์‹ค๋ฌด์— ๋ฐ”๋กœ ์ ์šฉ ๊ฐ€๋Šฅํ•œ ์‰ฌ์šด ์ง€์‹์œผ๋กœ ํ’€์–ด๋‚ด๋Š” ์ „๋‹ฌ๋ ฅ์„ ๊ฐ–์ถ”์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ๊ฐ•์˜๋Š” ์„ธ ๊ฐ€์ง€ ํŽ˜๋ฅด์†Œ๋‚˜์˜ ์ตœ๊ณ  ์—ญ๋Ÿ‰์ด ์ง‘์•ฝ๋œ ๊ณ ํ’ˆ์งˆ์˜ ์—…๋ฌด ํ˜์‹  ์ž๋ฃŒ์ž…๋‹ˆ๋‹ค. ์ €์™€ ํ•จ๊ป˜ AI๋ฅผ ๋‹จ์ˆœํ•œ ๋„๊ตฌ๊ฐ€ ์•„๋‹Œ, ๋ฏธ๋ž˜์˜ ํ•ต์‹ฌ ์ž์‚ฐ์œผ๋กœ ๋งŒ๋“ค์–ด ๊ฐ‘์‹œ๋‹ค.

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

15๊ฐœ โˆ™ (2์‹œ๊ฐ„ 49๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

1๊ฐœ

1.0

1๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • ๋ฐ•์ฐฌํ˜ธ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๋ฐ•์ฐฌํ˜ธ

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  1.0

    1

    40% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ๊ฐ•์˜ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๋งŒ์กฑ์Šค๋Ÿฝ์ง€ ์•Š์•„์š”.

    ์†Œ์…œ์•„์นด์ด๋ธŒ๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

    ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

    ๋น„์Šทํ•œ ๊ฐ•์˜

    ๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

    ์—ฐ๊ด€ ๋กœ๋“œ๋งต

    ๊ฐ•์˜๊ฐ€ ํฌํ•จ๋œ ๋กœ๋“œ๋งต์œผ๋กœ ํ•™์Šตํ•ด ๋ณด์„ธ์š”!

    โ‚ฉ11,000