terryEHLee

terryEHLee

  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (240)
    • โœ๏ธ TIL(Today I Learned) (128)
      • ๐Ÿฐ 2023 Black Rabbit (116)
      • ๐Ÿฒ 2024 Blue Dragon (12)
    • โœจ PS(ProblemSolving) (29)
    • ๐Ÿ–ฅ๏ธ CS(Computer Science) (26)
      • ๋„คํŠธ์›Œํฌ (8)
      • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (1)
      • ์ž๋ฃŒ๊ตฌ์กฐ (2)
      • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค (0)
      • ์šด์˜์ฒด์ œ (0)
      • ์†Œํ”„ํŠธ์›จ์–ด (15)
      • ๊ฐœ๋ฐœ์ƒ์‹ (0)
    • โšก๏ธ Project (7)
      • ๐Ÿ’Ž Danmi (3)
      • ํšŒ์›๊ฐ€์ž…์—ฐ์Šต (2)
      • ZRM(Zod ReactHookForm MUI) (1)
      • ๐ŸชHife (1)
      • ๐ŸŽท UI ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ (0)
    • ๐Ÿ”ค Language (26)
      • HTML (3)
      • CSS (4)
      • JavaScript (7)
      • TypeScript (12)
    • ๐Ÿ”Ž ๊ธฐํƒ€ (13)
    • ๐Ÿ“š Library (6)
      • JQuery (1)
      • React (0)
    • ๐Ÿ“’ ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ (1)
      • ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ (1)
    • ๐Ÿซ Framework (3)
      • Next.js (3)
  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก
  • ๋‚ด๋ฐฐ์บ _react_์ด์šฐ์ •
  • ๋‚ด๋ฐฐ์บ _react_์ด์•ˆ์ง„
RSS ํ”ผ๋“œ
๋กœ๊ทธ์ธ
๋กœ๊ทธ์•„์›ƒ ๊ธ€์“ฐ๊ธฐ ๊ด€๋ฆฌ

terryEHLee

์ปจํ…์ธ  ๊ฒ€์ƒ‰

ํƒœ๊ทธ

programmers CS ํšŒ๊ณ  TIS AWS wis zod html js ps ์˜ค๊ณต์‹œ Lv0 ts redux ์—ฐ์Šต๋ฌธ์ œ CSS ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต til ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ž…๋ฌธ WIL

์ตœ๊ทผ๊ธ€

๋Œ“๊ธ€

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

์•„์นด์ด๋ธŒ

๐Ÿ”ค Language/JavaScript(7)

  • [Language/JavaScript] ๋™๋“ฑ๋น„๊ต

    ํ•„์š”์„ฑ / ์ค‘์š”์„ฑ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ๋ Œ๋”๋ง์ด ์ผ์–ด๋‚˜๋Š” ์ค‘์š” ์›์ธ ์ค‘ ํ•˜๋‚˜๊ฐ€ props์˜ ๋™๋“ฑ ๋น„๊ต์— ๋”ฐ๋ฅธ ๊ฒฐ๊ณผ์ด๋‹ค. JS์—์„œ์˜ ๋™๋“ฑ๋น„๊ต๊ฐ€ ์ผ์–ด๋‚˜๋Š” ๋กœ์ง์— ๋Œ€ํ•ด ์ž˜ ์•Œ๊ณ  ์žˆ์–ด์•ผ ๋ Œ๋”๋ง ๋ฐฉ์ง€ ๋ฐ ๋ Œ๋”๋ง ์ตœ์ ํ™” ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์˜ฌ๋ฐ”๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ์ดํ„ฐ ํƒ€์ž… / ๊ฐ’์„ ์ €์žฅํ•˜๋Š” ๋ฐฉ์‹์˜ ์ฐจ์ด ์›์‹œ ํƒ€์ž…(primitive type)๊ณผ ๊ฐ์ฒด ํƒ€์ž…(object/reference type)์ด ์žˆ๋Š”๋ฐ, ๊ฐ์ฒด๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“  ๊ฒƒ๋“ค์ด ์›์‹œ ํƒ€์ž…์— ์†ํ•œ๋‹ค. ์›์‹œ ํƒ€์ž…์€ ๋ถˆ๋ณ€ ํ˜•ํƒœ์˜ ๊ฐ’์œผ๋กœ ์ €์žฅ๋˜๊ณ , ๊ฐ์ฒด ํƒ€์ž…์€ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ํ˜•ํƒœ๋กœ ์ €์žฅ์ด ๋œ๋‹ค. ๊ฐ์ฒด๋Š” ๋ˆˆ์— ๋ณด์ด๋Š” value๊ฐ€ ๋™์ผํ•˜๋”๋ผ๋„ ์ฐธ์กฐ๊ฐ€ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ’์ด ๊ฐ™์ง€ ์•Š๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ฐ™์€ value๋Š” ๋™์ผํ•œ ์ฃผ์†Œ์— ์ €์žฅ์ด ๋˜๊ธฐ์— ๋น„๊ต ๊ฒฐ๊ณผ๊ฐ€ ๊ฐ™๊ฒŒ ๋‚˜์˜จ๋‹ค. const hello1..

    2024.02.26
  • [Language/JavaScript] JS ๊ฐœ๋ฐœ ํ™˜๊ฒฝ

    ๋ธŒ๋ผ์šฐ์ € HTML, CSS, JS๋ฅผ ์‹คํ–‰ํ•˜์—ฌ ๋ Œ๋”๋งํ•˜๋Š” ๊ฒƒ์ด ์ฃผ์š” ๋ชฉ์ ์œผ๋กœ Client-side APIs(DOM, BOM, Canvas, XMLHttpRequest, fetch, SVG, Web Storage...)๋ฅผ ์ œ๊ณตํ•œ๋‹ค. node.js ๋ธŒ๋ผ์šฐ์ € ์™ธ๋ถ€์—์„œ JS ์‹คํ–‰์ด ์ฃผ์š” ๋ชฉ์ ์œผ๋กœ ๋ธŒ๋ผ์šฐ์ €์™€ ๋™์ผํ•˜๊ฒŒ ECMAScript๋ฅผ ์ œ๊ณตํ•˜์ง€๋งŒ, Client-side APIs ๋Œ€์‹ ์— Node.js ๊ณ ์œ ์˜ API๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

    2024.02.23
  • [Language/JavaScript] JS ํŠน์ง•(์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด)

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

    2024.02.01
  • [Language/JS] ์—ญ์‚ฌ & ํŠน์ง•

    JS์˜ ์—ญ์‚ฌ 1995๋…„ ํƒ„์ƒ 1999๋…„ ํ‘œ์ค€ํ™” ์™„๋ฃŒ 2005๋…„ AJAX ๋“ฑ์žฅ ๋น„๋™๊ธฐ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๊ฐ€๋Šฅ ํญ๋ฐœ์ ์ธ UX ํ–ฅ์ƒ 2008๋…„ V8์—”์ง„ ์ถœ์‹œ(Google) 2009๋…„ node.js, ์„œ๋ฒ„ ๊ฐœ๋ฐœ ํ™œ์„ฑํ™”(์ง€๊ฐ๋ณ€๋™) 2015๋…„ ECMAScript6(ES6) ๋ฒ„์ „ ์ถœ์‹œ 2016๋…„ FE Framework ๋Œ€์ค‘ํ™”(React, Angular, Vue), SPA ๊ฐœ๋ฐœ ํ™œ์„ฑํ™” JS ์–ธ์–ด์  ํŠน์ง• ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ง€์› ๋™์ ์–ธ์–ด ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ํด๋ผ์ด์–ธํŠธ/์„œ๋ฒ„ ๋ชจ๋‘ ์‚ฌ์šฉ๊ฐ€๋Šฅ

    2023.10.12
  • [JS] ์—ฌ๋Ÿฌ ํŒŒ์ผ ๊ด€๋ฆฌํ•˜๊ธฐ

    ์—ฌ๋Ÿฌ ํŒŒ์ผ ๊ด€๋ฆฌ ์›น๊ฐœ๋ฐœ์„ ํ•  ๋•Œ์— ์‚ฌ์‹ค html ํŒŒ์ผ ํ•˜๋‚˜์— ๋ชจ๋“  ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ๋„ ์ฝ”๋“œ ๋™์ž‘์—๋Š” ์ง€์žฅ์ด ์—†๋‹ค. ํ•˜์ง€๋งŒ, ๋ณดํ†ต htmlํŒŒ์ผ, cssํŒŒ์ผ, jsํŒŒ์ผ๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ์ž‘์—…์„ ์ง„ํ–‰ํ•˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ด๋‹ค. ์Šคํƒ€์ผ๊ณผ ๊ด€๋ จ๋œ ํ•ญ๋ชฉ์„ ์ˆ˜์ •ํ•  ๋•Œ์—๋Š” ๋ฐ”๋กœ CSS ํŒŒ์ผ๋กœ ๊ฐ€๊ณ , ๊ธฐ๋Šฅ๊ตฌํ˜„๊ณผ ๊ด€๋ จ๋œ ๊ฒƒ์„ ์ถ”๊ฐ€/์ˆ˜์ • ํ•  ๋•Œ์—๋Š” ๋ฐ”๋กœ js ํŒŒ์ผ๋กœ ๊ฐ€์„œ ์ž‘์—…์„ ์ง„ํ–‰ํ•˜๋ฉด ๋˜๋Š” ํฐ ์ด์ ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. jsํŒŒ์ผ ์—ฌ๋Ÿฌ๊ฐœ ๊ด€๋ฆฌํ•˜๊ธฐ ๋ณดํ†ต js ํŒŒ์ผ์ด ์ฝ”๋“œ์˜ ์–‘์ด ๋งค์šฐ ๋งŽ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ˆ˜๋งŽ์€ ํ•จ์ˆ˜๋“ค๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์–ด์„œ, ์ˆ˜๋ฐฑ์ค„ ํ˜น์€ ์ˆ˜์ฒœ์ค„์ด ๋˜๋Š” ์ฝ”๋“œ๋“ค์„ ์ผ์ผ์ด ์Šคํฌ๋กคํ•˜๋ฉฐ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์€ ๋น„ํšจ์œจ์ ์ด๊ณ  ์ •์‹ ๊ฑด๊ฐ•์— ๋งค์šฐ ํ•ด๋กญ๋‹ค. ๋”ฐ๋ผ์„œ ์˜ํ˜ผ์˜ ํ‰์•ˆ์„ ์ถ”๊ตฌํ•˜๋Š” ์ด๋“ค์€ jsํŒŒ์ผ๋ช…์„ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ๋‹จ์œ„๋กœ ์ชผ๊ฐœ์–ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ , ๊ฐ ํŒŒ์ผ๋“ค์„ ํ•˜๋‚˜..

    2023.06.07
  • [๋ฌธ๋ฒ•/JS] method: .every()

    .every() ??? ๋ฐฐ์—ด ์•ˆ์˜ ๋ชจ๋“  ์š”์†Œ๋ฅผ ํŠน์ • ์กฐ๊ฑด์— ๋Œ€ํ•˜์—ฌ ๊ฒ€์‚ฌํ•˜๋Š” ํ•จ์ˆ˜. array.every(callbackFn, thisArg) ํ˜•ํƒœ๋กœ ์‚ฌ์šฉ Boolean ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•จ callbackFn: Boolean ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ด์•ผ ํ•จ thisArg: ์„ ํƒ์‚ฌํ•ญ, callbackFn์„ ๋๋‚ด๋Š” ์กฐ๊ฑด ์˜ˆ์‹œ function isBigEnough(element, index, array) { return element >= 10; } [12, 5, 8, 130, 44].every(isBigEnough); // false [12, 54, 18, 130, 44].every(isBigEnough); // true console.log([1, , 3].every((x) => x !== undefined)); // true ..

    2023.05.25
์ด์ „
1 2
๋‹ค์Œ
ํ‹ฐ์Šคํ† ๋ฆฌ
ยฉ 2018 TISTORY. All rights reserved.

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