Skip to content

Latest commit

ย 

History

History
63 lines (45 loc) ยท 3.09 KB

week2.md

File metadata and controls

63 lines (45 loc) ยท 3.09 KB

๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ

๐Ÿ’ก ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ฌด์—‡์ผ๊นŒ?

  • ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ : HOW๋ฅผ ์ œ์‹œํ•˜๋Š” ๋ฐฉ์‹

    ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ์ƒํƒœ์™€, ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝ์‹œํ‚ค๋Š” ๊ตฌ๋ถ„์˜ ๊ด€์ ์—์„œ ์—ฐ์‚ฐ์„ ์„ค๋ช…ํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„. ์ฆ‰, ์ปดํ“จํ„ฐ๊ฐ€ ์ˆ˜ํ–‰ํ•ด์•ผํ•  ๋ช…๋ น์–ด๋“ค์„ ์ˆœ์„œ๋Œ€๋กœ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ์‹

  • ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ : WHAT์„ ์ œ์‹œํ•˜๋Š” ๋ฐฉ์‹

    ํ”„๋กœ๊ทธ๋žจ์ด ๋ฌด์—‡์„ ํ•ด์•ผ ํ• ์ง€ ๋ช…์‹œํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„. ํ”„๋กœ๊ทธ๋žจ์ด ํ•จ์ˆ˜ํ˜•, ๋…ผ๋ฆฌํ˜•, ์ œํ•œํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ๋“ฑ์œผ๋กœ ์ž‘์„ฑ๋œ ๊ฒฝ์šฐ ๊ฐ€์žฅ ๋‹จ์ ์œผ๋กœ ๋‚˜ํƒ€๋‚˜๋Š” SQL ์˜ˆ์‹œ๋Š” ์•„๋ž˜์™€ ๊ฐ™๋‹ค.

    SELECT * FROM Users WHERE Country='์„œ์šธ';
    ์ž‘์„ฑ๋œ ๋Œ€๋กœ ์„œ์šธ์ง€์—ญ์— ํ•ด๋‹นํ•˜๋Š” ์œ ์ €์˜ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์™€์ค˜. ๋ฅผ ์‹คํ–‰์‹œํ‚ค๊ณ ์ž ์ด๋ ‡๊ฒŒ ํ‘œํ˜„ํ•œ๋‹ค.

๋™์ผํ•œ ๊ฒฝ์šฐ์˜ ์˜ˆ์‹œ๋กœ ๋‘ ๋ฐฉ์‹์„ ๋น„๊ตํ•ด๋ณด์ž๋ฉด,

๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— 1์„ ๋”ํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

// ๋ช…๋ นํ˜• ๋ฐฉ์‹
function how(arr) {
  let results = [];
  for (let i = 0; i < arr.length; i++) {
    results.push(arr[i] + 1);
  }
  return results;
}
  • ๋งŒ๋“ค๊ณ ์ž ํ•˜๋Š” ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋งŒ๋“ค๊ณ 
  • ์ธ์ž๋กœ ๋ฐ›์€ arr ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ๋ชจ๋‘ ์ˆœํšŒํ•˜๋ฉด์„œ
  • ๊ฐ ์š”์†Œ์˜ ๊ฐ’์— 1์„ ๋”ํ•ด์„œ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์— ์ถ”๊ฐ€ํ•ด์ค˜
  • ์™„์„ฑ๋œ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•ด์ค˜

์ด๋ ‡๊ฒŒ ๊ธฐ์กด ๋ฐฐ์—ด์˜ ์š”์†Œ์— 1์”ฉ ๋”ํ•œ ์ƒˆ ๋ฐฐ์—ด์„ ๋งŒ๋“œ๋Š” ๋ฐฉ์‹์„ ์ˆœ์ฐจ์ ์œผ๋กœ ๋ช…์‹œํ•œ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์œผ๋กœ ์ž‘์„ฑํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑ๋œ๋‹ค.

// ์„ ์–ธํ˜• ๋ฐฉ์‹
function what(arr) {
  return arr.map((item) => item + 1);
}
  • ์ธ์ž๋กœ ๋ฐ›์€ arr๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— 1์„ ๋”ํ•œ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•ด์ค˜

์ด๋ ‡๊ฒŒ ์ฝ”๋“œ๊ฐ€ ์ถ”์ƒํ™”๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2023-10-27 แ„‹แ…ฉแ„’แ…ฎ 9 38 15

ํ•œ๋งˆ๋””๋กœ, ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ถ”์ƒํ™”ํ•œ ๊ฒƒ์ด๋ผ๊ณ  ์ดํ•ดํ•˜๋ฉด ๋œ๋‹ค.

๐Ÿ’ก ๊ทธ๋ ‡๋‹ค๋ฉด Javascript์— ๋” ์ ํ•ฉํ•œ ๋ฐฉ์‹์€?

Javascript๋Š” low-level์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์š”๊ตฌํ•˜๋Š” ํ•˜๋“œ์›จ์–ด ๋‹จ์˜ ๊ฐœ๋ฐœ๋ณด๋‹ค ํด๋ผ์ด์–ธํŠธ๊ณผ ๊ฐ€๊นŒ์šด high-level ์–ธ์–ด์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๋ณด๋‹ค๋Š” ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๋” ์ ํ•ฉํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

๋˜ javascipt ES5, ES6์— ๊ฑธ์ณ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์‹œ ์‚ฌ์šฉ๋˜๋Š” ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ์ธ filter, map, reduce ๋“ฑ์ด ์ƒˆ๋กœ์ด ๋“ฑ์žฅํ•˜์˜€๊ณ , ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ๋“ฑ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๊ฐ•ํ™”๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— Javascript ๋˜ํ•œ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์–ด๋Š์ •๋„ ์ง€ํ–ฅํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

๋‹ค๋งŒ ์˜จ์ „ํžˆ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋งŒ์„ ์‚ฌ์šฉํ•˜๊ธฐ๋ณด๋‹ค๋Š”, ๊ตฌ์ฒด์ ์ธ ๋กœ์ง ๋ช…์‹œ๊ฐ€ ์ค‘์š”ํ•˜๊ฑฐ๋‚˜ ํšจ์œจ์„ฑ์„ ๋”ฐ์ ธ์•ผํ•  ๊ฒฝ์šฐ ๋“ฑ์—๋Š” ์ ์ ˆํžˆ ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹๋„ ํ˜ผํ•ฉํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.