์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ํ๋ก ํธ์๋
- useEffect
- history api
- useRef
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- ์ฝ๋ฉํ ์คํธ
- Gatsby
- float
- CSS
- REACT
- Flex
- ์๋ฐ์คํฌ๋ฆฝํธ
- Props
- ํ๋ก๊ทธ๋๋จธ์ค
- ์๊ณ ๋ฆฌ์ฆ
- position
- ๋ฐ๋ธ์ฝ์ค
- ๋ธ๋ก๊ทธ
- fetch API
- Today
- Total
๋ชฉ๋ก๐ Language & CS knowledge/JavaScript (๊ธฐ์ด) (6)
Daehyunii's Dev-blog
3-14 Error //์์ธ ์ฒ๋ฆฌ ํ๊ธฐ try { consol.log("log๋ฉ์์ง"); } catch(err) { console.log(err.name); console.log(err.message); } //์์ ๊ฐ์ ์ฝ๋์์ Error๊ฐ ๋ฐ์ํ๋ฉฐ, catch๋ฌธ์ผ๋ก ๋ค์ด๊ฐ Error์ ๋ช ์นญ๊ณผ ์ด์ ๋ฅผ ๋ฐํํด์ค //๊ฐ์ ๋ก Error ๋ฐ์์ํค๊ธฐ var x = ""; try { if(x == "") throw "empty"; } catch(err) { console.log(`x is ${err}`); } finally { console.log("try/catch๋ฌธ ์ ์ผ ๋ง์ง๋ง์ ๋ฐ๋์ ์คํ") } 1. try : ์์ธ๊ฐ ๋ฐ์ ํ ๊ฐ๋ฅ์ฑ์ด ์๋ ์ฝ๋ 2. catch : ์์ธ๊ฐ ๋ฐ์ ํ์๋ ์คํ ํ ์ฝ๋ 3. ..
3-06 Template Literals //์ผ๋ฐ์ ์ธ ํจ์ ์ ์ธ ๋ฐฉ์ function hello(name) { console.log("hello " + name + ". welcome!"); } //Ecma6 ๋ฒ์ ๋ถํฐ ์ถ๊ฐ ๋ ๊ธฐ๋ฅ์ function hello2(name) { console.log("Hello ${name}. Welcome!"); } hello2("John") //Hello John. Welcome!์ผ๋ก ์ถ๋ ฅํ๊ฒ ๋จ ๋ฌธ์์ด์ ๋ฐ๋ก ์ด์ด์ฃผ๋ ์ญํ ์ ํ๋ฉด์, ๋ณต์กํ ์ฝ๋๋ฅผ ๋ ๊ฐ๋จํ๊ฒ ๋ง๋ค ์ ์๋ค๋ ์ฅ์ ์ด ์์ 3-07 Object Literal Syntax Extension //์ผ๋ฐ์ ์ธ ์ค๋ธ์ ํธ ์ ์ธ์ ํ์ฉํ ์ฝ๋(ํค๊ฐ์ ๋ณ๊ฒฝ์ด ์๋จ) var firstName = "hyun"; var l..
2-07 JSON ์ ํ ์ดํดํ์ง ๋ชปํ์ 2-08 Window ๋ด์ฅํจ์ 1. alert() : ์๋ฆผ ์ฐฝ ๋์ฐ๊ธฐ 2. confirm() : ์ทจ์/ํ์ธ ์ฐฝ ๋์ฐ๊ธฐ(ex)"์ ๋ง ์ญ์ ํ์๊ฒ ์ต๋๊น?) 3. prompt() : ์ฌ์ฉ์๋ก๋ถํฐ ํ ์คํธ๊ฐ์ ์ ๋ ฅ ๋ฐ์ ์ ์๊ฒ ํด ์ค 4. window.open() : ํ๋ผ๋ฏธํฐ html์ฃผ์๋ก ์ด๋ํ ์ ์์ 5. window.print() : ํ๋ฆฐํธ(์ถ๋ ฅ) ํ๋ ์ฐฝ์ ๋์ 6. setTimeout() : ์ง์ ๋ ์๊ฐ ์ดํ์ ํจ์๋ฅผ ์คํ์ํด('1000'์ '1์ด'๋ฅผ ์๋ฏธํจ) 7. setInterval() & clearInterval() : ์ง์ ๋ ์๊ฐ ๋ง๋ค ํจ์๋ฅผ ์คํ์ํค๊ณ , ์ข ๋ฃ์ํค๋ ํจ์ 2-09 ๊ฐ๋ฐ์๋๊ตฌ 1. console.log("hello world") 2. con..
2-02 Number ๋ด์ฅํจ์ : 1. .toString() : ์ซ์๋ฅผ ๋ฌธ์์ด๋ก ๋ณํ. ํ๋ผ๋ฏธํฐ ์ ๋ ฅ์, ํ๋ผ๋ฏธํฐ ๊ฐ์ผ๋ก ์ค ์ซ์์ ์ง์๋ก ๋ณํํ์ฌ ๋ฐํ 2. .toFixed() : ์ง์ ํ ์์์ ์๋ฆฌ์๊น์ง ๋ฐ์ฌ๋ฆผํ์ฌ ๋ฐํ 3. .toPrecision() : ์ ์๊น์ง ํฌํจํ์ฌ ์ง์ ๋ ์๋ฆฌ์๊น์ง ๋ฐ์ฌ๋ฆผํ์ฌ ๋ฐํ 4. Number() : ๋ฌธ์์ด์ ์ซ์๋ก ๋ณํ 5. Number(true) : ์ซ์ 1์ ๋ฐํ(์กฐ๊ฑด๋ฌธ์ ์ฌ์ฉํ ๋, ํ์ฉ์ ๋ง์ด ํจ) 6. Number(false) : ์ซ์ 0์ ๋ฐํ(์กฐ๊ฑด๋ฌธ์ ์ฌ์ฉํ ๋, ํ์ฉ์ ๋ง์ด ํจ) 7. Number(" 10") : ๊ณต๋ฐฑ์ ๋ค ๋ฌด์ํ๊ณ ์ซ์ 10์ ๋ฐํ 8. Number(" 10,33 ") : ์ซ์๊ฐ ์๋๋ฏ๋ก Not a Number์ ์ฝ์ 'NaN'์ ๋ฐํ 9...
1-07 ์ฐ์ฐ์ ์ซ์ 1. ๋ํ๊ธฐ : + 2. ๋นผ๊ธฐ : - 3. ๊ณฑํ๊ธฐ : * 4. ๋๋๊ธฐ : / 5. ๊ฑฐ๋ญ์ ๊ณฑ : ** 6. ๋๋จธ์ง ๋๋๊ธฐ : % 7. 1์ฉ ์ฆ๊ฐ : ++ 8. 1์ฉ ๊ฐ์ : -- 9. ๊ฐ์ ํ ๋น ํ๊ธฐ ์ํ ์คํผ๋ ์ดํฐ : +=, -=, *=, %=, **=, /= ๋ฑ ๋ฌธ์์ด 1. ๋ํ๊ธฐ : + 2. ๊ฐ์ ํ ๋น ํ๊ธฐ ์ํ ์คํผ๋ ์ดํฐ : += ์ซ์์ ๋ฌธ์์ด 1. ๋ฌธ์์ด + ์ซ์ : ์ซ์๋ฅผ ๋ฌธ์์ด๋ก ์ธ์ํ์ฌ ๋ฌธ์์ด ๋ํ๊ธฐ๊ฐ ๋จ ex) var x = "hello" + 5; ๋ 'hello5'๊ฐ ๋จ ๋น๊ต ์คํผ๋ ์ดํฐ 1. ๊ฐ๋ค : == ์ฃผ์) console.log("5" == 5);๋ true๋ผ๋ ๊ฒฐ๊ณผ๊ฐ์ด ๋์ถ๋จ(Javascript๋ ์์ ๊ฐ๋ง ๋น๊ต๋ฅผ ํด๋ฒ๋ฆผ) 2. ๋ฐ์ดํฐ ํ์ ๊น์ง ๊ฐ๋ค : ===..
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ณต๋ถํ๊ฒ ์์ ' ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive ' ์ฑ ๊ณผ inflearn ์ฌ์ดํธ๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ ์์์ ์ ์ฒญํ์ต๋๋ค. ์ฐ์ ํ์ด์ฌ๊ณผ๋ ๋ค๋ฅด๊ฒ ์ด๋ฒ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ ์์์ ๋จผ์ 1ํ๋ ์ ํ ํ์ ์ฑ ๊ณผ ๊ฐ์๋ฅผ ๋ณํํ๋ ๋ฐฉ๋ฒ์ผ๋ก ๊ณํ์ ์ธ์ ์ต๋๋ค. '๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive' ์ฑ ์ ์๋น ๋ถ๋ถ ์ต๋ํ๊ฒ ๋๋ค๋ฉด ์ ๋ฐ์ ์ธ ํ๋ก๊ทธ๋๋ฐ ์ง์์ด ๋ง์ด ์์ผ ๊ฒ์ด๋ผ๋ ์ด์ผ๊ธฐ๋ฅผ ๋ค์๊ธฐ์ '์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ฌด์์ธ์ง' ๊ฐ์๋ฅผ ๋น ๋ฅด๊ฒ 1ํ๋ ๋ฃ๊ณ , ์ฑ ์ผ๋ก ๋์ด๊ฐ๋ ค๊ณ ํฉ๋๋ค. *์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋ฌด์์ธ์ง ์ ๋๋ก ์ดํดํ์ง ๋ชปํ ์ํ์์ ๊ฐ์๋ฅผ ์งํํ๋ค ๋ณด๋, ์ ๊ฐ ์์ฑํ ๋ด์ฉ์ด ์ ํํ์ง ์๊ฑฐ๋ ํ๋ฆฐ ๋ถ๋ถ์ด ์์ ์๋ ์์ผ๋ฉฐ, ๋ฐฐ์ด ๋ด์ฉ๋ค์ ์ค์ฌ์ผ๋ก ๊ธฐ๋กํ๊ณ ์ ํฉ๋๋ค. 1-01 ์๋ฐ์คํฌ๋ฆฝํธ ์์ฑ ..