15์ผ์ฐจ ์‹œ์ž‘....๐Ÿ˜‹

์กฐ๋™ํ˜„ยท2022๋…„ 7์›” 20์ผ
0

[๊ต์œก]ย javascript

๋ชฉ๋ก ๋ณด๊ธฐ
2/2
post-thumbnail

๐Ÿ“Œ๋ณต์Šต ๐Ÿค”

  • fetch ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ JSON์„ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ์œ„ํ•ด์„œ๋Š” ์„œ๋ฒ„ ํ™˜๊ฒฝ์—์„œ ์‹คํ–‰ํ•ด์•ผ ํ•œ๋‹ค.
  • ๊ธฐ๋ณธ fetch ํ•จ์ˆ˜ ๊ตฌ์กฐ
    1. fetch() ์ธ์ž๊ฐ’์œผ๋กœ JSON ํŒŒ์ผ ์œ„์น˜๋ฅผ ์ง€์ •ํ•œ๋‹ค.
    2. fetch() ๊ฒฐ๊ณผ Promise ๊ฐ์ฒด๊ฐ€ ๋ฐ˜ํ™˜๋˜๋Š”๋ฐ then() ํ•จ์ˆ˜ ๋‚ด๋ถ€๋กœ ์ „๋‹ฌ๋œ๋‹ค.
    3. then() ๋‚ด๋ถ€์— ํ•จ์ˆ˜๋ฅผ ์ •์˜ํ•˜์—ฌ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ response ์‘๋‹ต ๊ฐ์ฒด๋ฅผ ์ „๋‹ฌ ๋ฐ›๋Š”๋‹ค.
    4. ์ฒซ๋ฒˆ์งธ then() ์—์„œ๋Š” response.json() ํ•จ์ˆ˜ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
    5. ๋‘๋ฒˆ์งธ then() ์—์„œ๋Š” data๋ฅผ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ ๋ฐ›๋Š”๋‹ค.
    6. ์ดํ›„ ๊ฐœ๋ฐœ ๋กœ์ง์— ๋”ฐ๋ผ ์ฒ˜๋ฆฌ๋œ๋‹ค.
fetch('./list.json')
	.then((res) => {
		return res.json();
	})
	.then((data) => {
		console.log(data);
	});
// ๊ฒฐ๊ณผ => JSON ํŒŒ์ผ์—์„œ ์ •์˜๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์ถœ๋ ฅ


๐Ÿ“Œํด๋กœ์ €(closures) ๐Ÿค”

์ƒ์œ„ ์Šค์ฝ”ํ”„ ๋‚ด๋ถ€์— ํ•˜์œ„ ์Šค์ฝ”ํ”„ ํ•จ์ˆ˜๊ฐ€ ์ƒ์œ„ ํ•จ์ˆ˜์˜ context๋ฅผ ์ฐธ์กฐํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ

function test1() {
	let a = 0;
    function test2() {
    	return console.log(a);
    }
}
// ๊ฒฐ๊ณผ => 0


๐Ÿ“ŒJSON ๐Ÿค”

  • key, value ํ˜•์‹์œผ๋กœ ์ž‘์„ฑ๋œ ๋ฐ์ดํ„ฐ ํŒŒ์ผ
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ JSON ๊ฐ์ฒด๊ฐ€ ์กด์žฌ

    JSON.parse() ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•ด JSON ํ˜•์‹ ๋ฌธ์ž์—ด์„ ์˜ค๋ธŒ์ ํŠธ๋กœ parsing ํ•  ์ˆ˜ ์žˆ๋‹ค.

let str1 = `{"num": 1, "name": "a", "isMan": false}`;

let a1 = JSON.parse(str1);
// ๊ฒฐ๊ณผ => a1 = {num: 1, name: "a", isMan: false}


๐Ÿ“ŒGit stash ๐Ÿค”

  • Branch ์ด๋™ ์ฃผ์˜ ์‚ฌํ•ญ
    working tree๊ฐ€ clearํ•œ ์ƒํƒœ์—์„œ branch๋ฅผ ์ด๋™ํ•ด์•ผ ํ•œ๋‹ค.
    • Brnach ์ƒํƒœ ๊ด€๋ฆฌ
      - git stash save : ํ˜„์žฌ ์ƒํƒœ ์ €์žฅ (Untracked ํŒŒ์ผ์€ ์ €์žฅ X)
      - git stash -u : ํ˜„์žฌ ์ „์ฒด ์ƒํƒœ ์ €์žฅ (Untracked ํŒŒ์ผ๊นŒ์ง€ ์ €์žฅ O)
      - git stash list : ์ €์žฅ๋œ stash ๋ฆฌ์ŠคํŠธ ํ™•์ธ
      - git stash pop : ์ตœ๊ทผ ์ƒํƒœ ๋นผ์˜ค๊ธฐ


profile
๋ฐ์ดํ„ฐ ์‚ฌ์ด์–ธํ‹ฐ์ŠคํŠธ๋ฅผ ๋ชฉํ‘œ๋กœ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž

0๊ฐœ์˜ ๋Œ“๊ธ€