๋ฐ˜์‘ํ˜•
250x250
Recent Posts
ยซ   2024/12   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
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 ๐Ÿ™Œ

1-13_Javascript ๊ธฐ์ดˆ ๋ฌธ๋ฒ• ๋ฐฐ์šฐ๊ธฐ(1) ๋ณธ๋ฌธ

[WEB & AI] (feat. ์ทจ์ค€)/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜

1-13_Javascript ๊ธฐ์ดˆ ๋ฌธ๋ฒ• ๋ฐฐ์šฐ๊ธฐ(1)

๋ถ€์‹œ๋งค๋‚˜_HA 2023. 9. 28. 22:24
728x90
๋ฐ˜์‘ํ˜•

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


  • ์ดํ•ด ํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฒƒ
    • 'Javascript ๋ฌธ๋ฒ•' ์— ๋Œ€ํ•œ ์ดํ•ด

โ… . Javascript ๊ธฐ์ดˆ ๋ฌธ๋ฒ• ์ดํ•ด ํ•˜๊ธฐ


  • javascript ๋ฅผ script ํƒœ๊ทธ ์‚ฌ์ด์— ์ผ์Œ

  • ์ด scrpit ํƒœ๊ทธ์™€ ๋™์ผํ•œ ๊ฒƒ์ด ๊ฒ€์‚ฌ > colsole ์ฐฝ โญโญโญโญโญ


  • ๊ทธ๋ž˜์„œ, ํ•ด๋‹น ์ฝ”๋“œ๋ฅผ vs code์— ์น˜๋ฉด

    • -> console ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ.
    • -> console ์—์„œ๋„ ๊ฐ™์€๊ฑธ ์นœ ํšจ๊ณผ?
    • -> console ์—์„œ๋Š” =='์ด ๋‚ด์šฉ์„ ์ด์–ด์„œ!'== ์“ธ ์ˆ˜ ์žˆ์Œ.
      <script>
        function hey() {
            alert('์•ˆ๋…•!');
        }
      </script>

  • ๊ทธ ํšจ๊ณผ๋Š” ์ด๋Ÿฌํ•จ ๐Ÿ‘‰ ==hey( ) ๊ฐ€ ์ด์–ด ์ ธ์„œ ์ž‘๋™ํ•˜๊ฒŒ ๋œ๋‹ค.==



โ…ก. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ๋ฐฐ์šธ ๋•Œ๋Š” 5๊ฐ€์ง€ ์š”์†Œ๊ฐ€ ์ค‘์š”


  • ๋ณ€์ˆ˜, ์ž๋ฃŒํ˜•, ํ•จ์ˆ˜, ์กฐ๊ฑด๋ฌธ, ๋ฐ˜๋ณต๋ฌธ

1. javascript ๋ณ€์ˆ˜

  • ๋ณ€์ˆ˜ ์„ ์–ธ
  • ๋ฌธ์ž์—ด

  • ๋ฌธ์ž์—ด + ์ˆซ์ž์—ด



2. ์ž๋ฃŒํ˜•


(1) ๋ฆฌ์ŠคํŠธ
  • =='์ˆœ์„œ'== ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ํ˜•ํƒœ

  • ๋ฆฌ์ŠคํŠธ๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ

    • ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅํ•ด์•ผ ํ•˜๋Š” ==100๊ฐœ== ๊ฐ€ ๋„˜๋Š”๋‹ค๊ณ  ํ•˜๋ฉด, ==ํ•˜๋‚˜ ํ•˜๋‚˜ ๊ฐ’์„ ๋ณ€์ˆ˜ ํ• ๋‹นํ•˜๊ณ  ๊ฐ’์„ ํ˜ธ์ถœ==ํ•˜๋ฉด ๋„ˆ๋ฌด ๊ท€์ฐฎ์Œ.
    • ==๊ณตํ†ต ๋ณ€์ˆ˜==๋ฅผ ํ• ๋‹นํ•˜๊ณ , ==์ˆœ์„œ==๋ฅผ ์ด์šฉํ•ด์„œ, ๊ฐ’์„ ์ €์žฅํ•˜๊ณ , ํ˜ธ์ถœํ•˜๋Š”๊ฒŒ ๋” ํšจ์œจ์ ์ž„
    • ์ด๋•Œ ์‚ฌ์šฉ๋˜๋Š”๊ฒŒ ๋ฆฌ์ŠคํŠธ ์™€ ๋”•์…”๋„ˆ๋ฆฌ


  • ์•Œ์•„์•ผ ํ•˜๋Š” ๋ฌธ๋ฒ• ์š”์†Œ

    • ๋ฆฌ์ŠคํŠธ ์„ ์–ธ
    • ์„ ์–ธ๋œ ๊ฐ’ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
    • ์ƒˆ๋กœ์šด ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ ํ•˜๊ธฐ
    • ์ „์ฒด ๋ฆฌ์ŠคํŠธ ๊ฐ’ ๋ณด๊ธฐ

  • 2์ฐจ์› ๋ฆฌ์ŠคํŠธ
    • ๋ฆฌ์ŠคํŠธ์•ˆ์— ๊ฐ’์œผ๋กœ ๋ฆฌ์ŠคํŠธ๊ฐ€ ๋“ค์–ด๊ฐ
    • ๋ฆฌ์ŠคํŠธ๋ผ๋Š” ์ž๋ฃŒํ˜•์€ ๊ฐ’์„ ๋ถ€๋ฅด๋ ค๋ฉด, ์ˆœ์„œ, ๋ฅผ ์จ์ค˜์•ผ๋งŒ ํ•จ
    • ๋”ฐ๋ผ์„œ, ์›ํ•˜๊ฑด, ์›ํ•˜์ง€ ์•Š๊ฑด, array2 ์— ์žˆ๋Š” ๊ฐ’์„ ๋ถ€๋ฅด๋ ค๋ฉด, array 2 ์˜ ์ธ์ˆ˜ ๊นŒ์ง€ ๋ถˆ๋Ÿฌ์ค˜์•ผ ํ•จ. โญโญโญโญโญ


(2) ๋”•์…”๋„ˆ๋ฆฌ
  • '์ˆœ์„œ' ๊ฐ€ ์•„๋‹Œ 'key - value' ๊ฐ„ '๋งค์นญ' ์ด ์ค‘์š”
    • ์•„๋งˆ๋„, ==๊ฐ’์˜ ์ˆœ์„œ๊ฐ€ ํ•˜๋‚˜๋ผ๋„ ์ž˜๋ชป ๋“ค์–ด๊ฐ€๊ฒŒ ๋˜๋ฉด, ์˜ค๋ฅ˜==๊ฐ€ ๋‚˜๋Š” ==phonebook== ๊ฐ™์€ ๊ฒฝ์šฐ -> people ์ด๋ผ๋Š” ์ƒˆ๋กœ์šด ์ž๋ฃŒํ˜•์„ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ, ์ด๊ฒŒ dictionary ์ธ ๋“ฏ

  • ๋”•์…”๋„ˆ๋ฆฌ ์“ธ ๋•Œ ์•Œ์•„์•ผ ํ•  ๋ฌธ๋ฒ• ์š”์†Œ
    • ๋”•์…”๋„ˆ๋ฆฌ ์„ ์–ธ (๊ฐ’ ์ €์žฅ)
      • '์ˆœ์„œ' ๊ฐ€ ์•„๋‹ˆ๋ผ, 'key' ๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ๊ฐ’์„ ์ €์žฅํ•œ๋‹ค.
    • ๋”•์…”๋„ˆ๋ฆฌ์—์„œ ๊ฐ’ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
      • ์ˆœ์„œ ๊ฐ€ ์•„๋‹ˆ๋ผ, key ๋ฅผ ์ด์šฉํ•ด์„œ ๊ฐ’์„ ๋ถˆ๋Ÿฌ์˜จ๋‹ค.
    • ๋”•์…”๋„ˆ๋ฆฌ์— ๊ฐ’ ์ถ”๊ฐ€ํ•˜๊ธฐ


3. ํ•จ์ˆ˜

  • split ํ•จ์ˆ˜
    • ํŠน์ • ๋ฌธ์ž ๊ธฐ์ค€์œผ๋กœ ์ชผ๊ฐ ๋‹ค. -> ๊ทธ๋ž˜์„œ '๋ฆฌ์ŠคํŠธ'์— ๋‹ด์•„์ค€๋‹ค.



4. ๋ฌธ๋ฒ• ๊ณต๋ถ€ ํ•  ๋•Œ ๋Š๋‚€ ์  #๊ณต๋ถ€๋ฐฉ๋ฒ•๊ณ ๋ฏผ

  • ๋ฌธ๋ฒ•์€ ์ƒˆ๋กญ๊ฒŒ ๋ณด๋ฉด, ๋˜ ์ƒˆ๋กœ์šด๊ฒŒ ๋Š๊ปด์ง„๋‹ค. ๊ทธ๋ž˜์„œ ๋ฉ”๋ชจ๋ฅผ ํ•˜๊ฒŒ ๋œ๋‹ค.
    • ๊ทธ๋Ÿฌ๋‹ˆ, ๋งค๋ฒˆ ๋„ˆ๋ฌด ๋”ฅํ•˜๊ฒŒ ํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค.
    • ์ง€๊ธˆ ์ด ์ˆœ๊ฐ„ ์ดํ•ดํ•˜๋Š” ์ •๋„๋กœ ํ•˜๋ฉด ๋˜์ง€ ์•Š์„๊นŒ.
  • ํ•˜์ง€๋งŒ, ์˜ˆ์ „๋ณด๋‹ค๋Š” ๋ญ”๊ฐ€ ์ ์–ด๋‚ด๋Š” ์‹œ๊ฐ„์ด ์ค„์–ด๋“ ๋‹ค. ์šฐ์„  ์ดํ•ดํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ๋„˜์–ด๊ฐ€๊ฒŒ ๋œ๋‹ค. ์™œ๋ƒ๋ฉด, ๊นŠ๊ฒŒ ํ•œ๋ฒˆ ๋‹ค๋…€์™”๊ธฐ ๋•Œ๋ฌธ์ธ ๊ฒƒ ๊ฐ™๋‹ค. / ์—ฌ๊ธฐ์„œ๋Š” ๊ทธ๋ ‡๊ฒŒ ๊นŠ์€ ๋‚ด์šฉ์„ ํ•˜๋Š”๊ฒŒ ์•„๋‹ˆ๋‹ˆ๊นŒ.
728x90
๋ฐ˜์‘ํ˜•
Comments