์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- git
- props drilling
- ์คํ ์ด์ธ ์ฝ๋42๊ธฐ
- css animation
- ํ ์คํธ ์์
- BFS์ DFS
- Cmarket
- jsx
- ์๋งจํฑ์์
- JavaScript
- prototype
- ํผํฐ ๋ชจ๋น์ ๋ฒ์ง ๋ชจํ
- ๋ฒ์ง ๋ชจํ
- html
- css
- fetch api
- State
- ์ปดํจํฐ ๊ณตํ
- ์ ์ด์ฝฅ ๋์จ
- Effect Hook
- ์คํ ์ด์ธ ์ฝ๋
- ํผํฐ ๋ชจ๋น
- Lifting state
- ๋ฒ๋ค๋ง
- ๊ณ ์ฐจํจ์
- Study
- wai-aria
- ํ๋ก๊ทธ๋๋จธ์ค
- WEB
- React
- Today
- Total
๋ชฉ๋ก๐ป Development/JavaScript (18)
roqkf

Hoisting ํจ์ ์์ ์๋ ์ ์ธ๋ค์ ๋ชจ๋ ๋์ด์ฌ๋ ค์ ํด๋น ํจ์ ์ ํจ ๋ฒ์์ ์ต์๋จ์ ์ ์ธํ๋ ๊ฒ ํจ์ ๋ด์์ ์๋์ ์๋ ์ ์ธ ์ค ํ์ํ ๊ฐ๋ค์ ๋์ด ์ฌ๋ฆฌ๋ ๊ฒ(์ค์ ๋ก๋ ๋์ด ์ฌ๋ ค์ง ๊ฒ ์๋) ์ฝ๋๋ฅผ ์คํํ๊ธฐ ์ ๋ณ์ ์ ์ธ, ํจ์ ์ ์ธ์ด ํด๋น ์ค์ฝํ์ ์ต์๋จ์ผ๋ก ๋์ด ์ฌ๋ ค์ง ๊ฒ ๊ฐ์ ํ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ชจ๋ ์ ์ธ์๋ ํธ์ด์คํ ์ด ์ผ์ด๋์ง๋ง let, const, class์ ์ ์ธ๋ฌธ์ ํธ์ด์คํ ์ด ๋ฐ์ํ์ง ์๋ ๊ฒ์ฒ๋ผ ๋ณด์ธ๋ค. var๋ก ์ ์ธํ ๊ฒฝ์ฐ: ํด๋น ์ค์ฝํ์ ์ต์๋จ์ผ๋ก ๋์ด ์ฌ๋ ค์ง ๊ฒ ๊ฐ์ด undefined๊ฐ ์ถ๋ ฅ๋์ง๋ง let๋ const๋ก ์ ์ธํ ๊ฒฝ์ฐ: ํธ์ด์คํ ์ด ๋ฐ์ํ์ง ์์ ๊ฒ์ฒ๋ผ ์ฐธ์กฐ ์๋ฌ๋ก ๋ณด์ด์ง๋ง ์ผ์์ ์ฌ๊ฐ์ง๋์ธ TDZ์ ๋จธ๋ฌผ๋ฌ ์๋ ๊ฒ์ด๋ผ๊ณ ํ๋ค. ์ฐธ๊ณ https://hanamon.kr/..

๊ฐ์ฒด - ํ๋์ ๋ณ์ ์์ ์ฌ๋ฌ๊ฐ์ง ์ ๋ณด๊ฐ ๋ด๊ฒจ ์์ - ํค์ ๊ฐ ์์ผ๋ก ์ด๋ฃจ์ด์ ธ ์์ let user = { //์ค๊ดํธ๋ฅผ ์ด์ฉํด์ ๊ฐ์ฒด๋ฅผ ๋ง๋ ๋ค. firstName: 'Steve', // ํค-๊ฐ ์์ ์ผํ๋ก ๊ตฌ๋ถํด ์ค๋ค. lastName: 'Lee', email: 'steve@naver.com', city: 'Seoul' }; ๊ฐ์ฒด์ ๊ฐ์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ 1. Dot notation let user = { firstName: 'Steve', lastName: 'Lee', email: 'steve@naver.com', city: 'Seoul' }; user.firstName; // 'Steve' // ๋ณ์๋ช .ํค๋ช ; user.city; // 'Seoul' // ๋ณ์๋ช .ํค๋ช ; 2. Bracket notatio..

๋ฐฐ์ด, ๊ฐ์ฒด ๋๋์ ๋ฐ์ดํฐ๋ฅผ ์ฝ๊ฒ ๋ค๋ฃฐ ์ ์๊ฒ ํด ์ฃผ๋ ๋ฐ์ดํฐ ํ์ ๋ฐฐ์ด ์์๊ฐ ์๋ ๊ฐ ๊ฐ์ ์์(element) ์์๋ ์ธ๋ฑ์ค(index): 0๋ถํฐ ๋ฒํธ๋ฅผ ๋งค๊น, 1์ด ์๋ ๋๊ดํธ๋ฅผ ์ด์ฉํด์ ๋ง๋ค๊ณ , ๊ฐ๊ฐ์ element๋ ์ผํ๋ก ๊ตฌ๋ถ ์ธ๋ฑ์ค๋ฅผ ํตํด ๊ฐ์ ์ ๊ทผํ ์ ์์ let myNumber = [1, 4, 3, 2, 5]; myNumber[2]; // 3 ๋ฐฐ์ด์ ๊ฐ์ ๋ฐ๊ฟ ๋ myNumber[2] = 6; // let myNumber = [1, 4, 6, 2, 5]; let myNumber = [[13, 30], [73, 8], [44, 17]]; myNumber[1]; // [73, 8] myNumber[1][0]; // 73 push(์ถ๊ฐ)/pop(์ญ์ ) let myNumber = [1, 2..

๋ฐ๋ณต๋ฌธ ๊ฐ๊ฑฐ๋ ๋น์ทํ ์ฝ๋๋ฅผ ์ฌ๋ฌ ๋ฒ ์คํ์์ผ์ผ ํ ๊ฒฝ์ฐ์ ์ฐ์ด๋ ๊ตฌ๋ฌธ for๋ฌธ for (let i = 0 ; i

index str[index] var str = 'hello'; console.log(str[0]); // h ์ถ๋ ฅ console.log(str[4]); // o ์ถ๋ ฅ '+ ์ฐ์ฐ์' ์ฌ์ฉ ๊ฐ๋ฅ string ํ์ ๊ณผ ๋ค๋ฅธ ํ์ ์ + ์ฐ์ฐ์ ์ฐ๋ฉด string ํ์์ผ๋ก ๋ณํํ๊ฒ ๋จ str1.concat(str2, str3...) ์ธ ๊ฒฝ์ฐ + ์ฐ์ฐ์์ ๋์ผํ ํจ๊ณผ length str.length // ๋ฌธ์์ด ์ ์ฒด ๊ธธ์ด ๋ฐํ var str = 'hello'; console.log(str.length); // 5 ์ถ๋ ฅ indexOf() str.indexOf() ์์น ์ถ๋ ฅ 'Hello java'.indexOf('Hello'); // 0 ์ถ๋ ฅ 'Hello java'.indexOf('hello'); // ํด๋น ๋ฌธ์์ด์ด ์..

typeof === ํน์ ๊ฐ์ ํ์ ์ ๋ชจ๋ฅผ ๋ ์ฌ์ฉํ๋ ์ฐ์ฐ์ typeof ๊ฐ; console.log(typeof 1) console.log(typeof 'hello') console.log(typeof (0 !== 1) ๋ค์ ์ฝ๋์ ์คํ ๊ฒฐ๊ณผ ์ฌ์ง ์ผ์ชฝ ์๋จ ๊ฒฐ๊ณผ๊ฐ ์ถ๋ ฅ๋จ์ ํ์ธํ ์ ์๋ค. ๊ทธ๋ ๋ค๋ฉด ํ ๋น๋ ๋ณ์์ ํ์ ์ ์์๋ณผ ์๋ ์์๊น? ์คํํด ๋ณด์! let hi = 123; // ๋ณ์ ์ ์ธ๊ณผ ํ ๋น console.log(typeof hi) // console ์ฐฝ์์ ์ถ๋ ฅ let hello = '123'; // ๋ณ์ ์ ์ธ๊ณผ ํ ๋น console.log(typeof hello) // console ์ฐฝ์์ ์ถ๋ ฅ ์ ์์ ๊ฒฐ๊ณผ๋ก ์๋ง๋ ํ์ ์ ๊ฒฐ๊ณผ๊ฐ ๋์๋ค!