๋ฐ˜์‘ํ˜•
kkh1902
Steadily
kkh1902
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (151)
    • ๐Ÿ“š Study (1)
      • Spring (9)
      • Java (2)
      • Html, css (10)
      • JS, JQuery (29)
      • DB (5)
      • DevOps (13)
      • roadmap (2)
      • Architecture (1)
      • Flutter (2)
    • ๐Ÿ’ป Computer Science (28)
      • Datastructure (0)
      • Algorithm (2)
      • Design pattern (0)
      • Network (1)
      • DB (13)
      • Operating System (0)
      • Software Engineering (4)
      • CS interview (5)
      • topcit (3)
    • โš’๏ธ Etc (4)
      • Error (3)
      • Trouble_Shooting (1)
    • ๐Ÿ“ฐ News (0)
      • daily (7)
      • think (17)
    • ๐Ÿ“˜ Hobby (13)
      • English (13)
    • ๐Ÿค– AI (7)
      • ML (7)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ๐Ÿ“‹ ์ด๋ ฅ์„œ
  • โšก๏ธ ๊นƒํ—ˆ๋ธŒ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • sourcetreee
  • junit5
  • SpringBootTest
  • React๋ฅผ ๋ฐฐ์›Œ์•ผํ•˜๋Š” ์ด์œ 
  • Wonder # word
  • think #bootstrap์„ ์จ์•ผํ•˜๋Š” ์ด์œ 
  • db
  • ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™ # chapter1
  • React JS # 2 The Basic of React
  • git
  • React JS # ์ž์Šต์„œ # Component์™€ Props
  • React # JSX
  • testcode
  • gitaction
  • Qr_payment project # CSS ํ•ด์„ # Basic ๋งจ์œ„ ํ•ด์„
  • Flutter
  • React JS #์ž์Šต์„œ
  • git stash
  • ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™ #project๋งŒ๋“ค๋•Œ ์ค‘์š”
  • Linear Regression

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.
๊ธ€์“ฐ๊ธฐ / ๊ด€๋ฆฌ์ž
kkh1902

Steadily

[๋‹ˆ์ฝ”]#2 WELCOME TO JAVASCRIPT
๐Ÿ“š Study/JS, JQuery

[๋‹ˆ์ฝ”]#2 WELCOME TO JAVASCRIPT

2022. 3. 2. 23:29
728x90
๋ฐ˜์‘ํ˜•

javascript

2.1 ๋‘๊ฐ€์ง€ ๋ฐ์ดํ„ฐ ํƒ€์ž…

  1. ๊ฐ’
    1. 2+2
  2. ๋ฌธ์ž์—ด
    1. “hi”+”hello”

2.2 ๋ณ€์ˆ˜

  • ๊ฒŒ์œผ๋ฅด๊ฒŒ ์ฝ”๋”ฉ ํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค
  • console.log(5+2)
  • console.log(a+b)
  • ์ถœ๋ ฅ
  • const a = 5 ; (๋ณ€์ˆ˜ ์„ ์–ธ) ๋ฐ”๋€Œ์ง€์•Š์Œ
    • python ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ์‹ very_Long
    • js veryLongVariable ์ด๋Ÿฐ์‹

2.3 const and let

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜ ์„ ์–ธํ•˜๋Š” ๋ฐฉ์‹์€ ๋‘๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค.
  • const๋Š” constant(์ƒ์ˆ˜)๋ผ๋Š” ๊ฒƒ์ด๊ณ  constant๋Š” ๊ฐ’์ด ๋ฐ”๋€” ์ˆ˜ ์—†๋‹ค.
  • let์€ ์„ ์–ธํ•˜๊ณ  ๋ฐ‘์—๊ฐ€์„œ ๋‹ค์‹œ ์„ ์–ธํ•˜๋ฉด์„œ ๊ฐ’์ด ๋ฐ”๋€” ์ˆ˜ ์žˆ์Œ
    • ex> let myName = “gigi”
    • (letx)๊ฐ€๋Šฅ myName = “ncicj” ๋ฐ”๋€” ์ˆ˜ ์žˆ๋‹ค.

๊ธฐ๋ณธ์ ์œผ๋กœ const๋ฅผ ์‚ฌ์šฉํ•˜๊ณ , ํ•„์š”ํ•  ๋•Œ๋งŒ let์„ ์‚ฌ์šฉํ•  ๊ฑฐ๋‹ค.

  • ์˜ˆ์ „์—๋Š” var๋ฐ–์— ์—†์—ˆ๋Š”๋ฐ const , let์œผ๋กœ ์—…๋ฐ์ดํŠธ ๋Œ
  • var์˜ ํŠน์ง•์ด ์–ด๋””์—์„œ๋‚˜ ์—…๋ฐ์ดํŠธ๊ฐ€ ๊ฐ€๋Šฅํ•จ
  • ๋ธŒ๋ผ์šฐ์ €๋Š” var, let , const๋ฅผ ์ดํ•ดํ•œ๋‹ค.
  • ๋ชจ๋‘var๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์šฐ๋ฆฌ๋Š” ์ฝ”๋“œ๊ฐ€ ๋ฐ‘์—์„œ ๋ญ˜ ํ• ์ง€ ์•Œ ์ˆ˜ ์—†๋‹ค.

2.4 Booleans

  • true, false
  • undefined →๋ณ€์ˆ˜์— ์–ด๋–ค๊ฒƒ๋„ ์„ ์–ธ x
  • null์€ ์šฐ๋ฆฌ๊ฐ€ variable์•ˆ์— ์–ด๋–ค ๊ฒƒ๋„ ์—†๋‹ค๋Š” ๊ฒƒ์„ ํ™•์‹คํžˆ ์•Œ๋ฆฌ๊ธฐ์œ„ํ•ด ์‚ฌ์šฉ
    • (๋น„์–ด์žˆ์–ด์š”) ๊ฐ„์ ‘์ ์œผ๋กœ ๋งํ•จ null์€ ๋ˆ„๊ฐ€ ์ •์˜๋ฅผ ํ•œ๊ฑฐ์ž„ ๊ทผ๋ฐ ๊ทธ ๊ฐ’์ด ๋น„์—ˆ๋‹ค.

2.5 Arrays

  • index๋Š” 0๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค.

  • ์ธ๋ฑ์Šค๋ฅผ ๋ถˆ๋Ÿฌ์™€์„œ ๊ฐ’ ์ถœ๋ ฅํ•˜๊ธฐ
  • push๋ฅผ ์ด์šฉํ•˜์—ฌ Array์— ๋ฐ์ดํ„ฐ ์ถ”๊ฐ€ํ•˜๊ธฐ

2.6 Objects

  • player Object์•ˆ์— property๋“ค์ด ์žˆ๋‹ค.

  • name์— ์ด๋ ‡๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ๋„ ์žˆ๋‹ค.

update

  • player ์ž์ฒด๋ฅผ ์—…๋ฐ์ดํŠธ x →const
  • ์—๋Ÿฌ๋Š” constant ์ „์ฒด๋ฅผ ํ•˜๋‚˜์˜ ๊ฐ’์œผ๋กœ์„œ ์—…๋ฐ์ดํŠธ ํ•˜๋ ค๊ณ  ํ•  ๋•Œ ๋ฐœ์ƒํ•œ๋‹ค.
  • constant ์•ˆ์˜ ๋ฌด์–ธ๊ฐ€๋ฅผ ์—…๋ฐ์ดํŠธ ํ•  ๋•Œ๋Š” ์•„๋ฌด ๋ฌธ์ œ ์—†๋‹ค
  • ์ถ”๊ฐ€๋„ ํ• ์ˆ˜ ์žˆ๋‹ค.

2.7 Functions part One

2.8 Functions part Two

  • ๋งค๊ฐœ๋ณ€์ˆ˜ ๋ฐ›๋Š”๊ฑฐ

  • NaN ์€ Not a Number

  • ์ •๋ฆฌํ•˜๋ฉด function์—๊ฒŒ ์ •๋ณด๋ฅผ ๋ณด๋‚ด๋Š” ๋ฒ•์„ ๋ฐฐ์›€
  • object์•ˆ์—์žˆ๋Š” ์ •๋ณด๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ•จ์ˆ˜์‚ฌ์šฉํ•˜๋Š” ๋ฒ•๋„ ๋ฐฐ์›€

2.9 Recap

2.10 Recap II

2.11 Returns

2.12 Recap

2.13 Conditionals ์กฐ๊ฑด๋ฌธ

  • ๋ญ”๊ฐ€๋ฅผ ํ™•์ธํ• ๋•Œ ๋ฌด์กฐ๊ฑด ์‚ฌ์šฉํ•ด์•ผํ•จ
  • ํ‚ค์›Œ๋“œ๋Š” ‘ if ‘ ์ž„
  • ์˜›๋‚  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฉ์‹์ž„

2.14 Conditionals part Two

  • ์ˆซ์ž๊ฐ€ ์•„๋‹Œ์ง€ ๋งž๋Š”์ง€ ํ™•์ธ ๋ฐ˜ํ™˜๊ฐ’์ด true or false not a number

2.15Conditionals part Three

2.16 Recap

728x90
๋ฐ˜์‘ํ˜•

'๐Ÿ“š Study > JS, JQuery' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[๋‹ˆ์ฝ”] #4 ๋กœ๊ทธ์ธ  (0) 2022.03.02
[๋‹ˆ์ฝ”] #3 JAVASCRIPT ON THE BROWSER  (0) 2022.03.02
[React JS][๋‹ˆ์ฝ”์ฝ”๋”ฉ] Effects  (0) 2022.02.17
[React JS][๋‹ˆ์ฝ”์ฝ”๋”ฉ] Create react App  (0) 2022.02.17
[React JS][๋‹ˆ์ฝ” ์ฝ”๋”ฉ] Props  (0) 2022.02.17
    '๐Ÿ“š Study/JS, JQuery' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [๋‹ˆ์ฝ”] #4 ๋กœ๊ทธ์ธ
    • [๋‹ˆ์ฝ”] #3 JAVASCRIPT ON THE BROWSER
    • [React JS][๋‹ˆ์ฝ”์ฝ”๋”ฉ] Effects
    • [React JS][๋‹ˆ์ฝ”์ฝ”๋”ฉ] Create react App
    kkh1902
    kkh1902
    1Day 1 Commit ๋ชฉํ‘œ ๊ณต๋ถ€ํ•œ๊ฒƒ๋“ค ๋งค์ผ ๊ธฐ๋กํ•˜๊ธฐ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”