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

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

ํƒœ๊ทธ

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

์ตœ๊ทผ๊ธ€

๋Œ“๊ธ€

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

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

๐Ÿ–ฅ๏ธ CS(Computer Science)(26)

  • [๊ธฐ์ˆ ๋ฉด์ ‘] Redux

    Redux : JS application์˜ ์ƒํƒœ๊ด€๋ฆฌ library. Store: apllication์˜ ๋ชจ๋“  ์ƒํƒœ๊ฐ€ ์ €์žฅ๋˜๋Š” ์ค‘์•™ ์ƒํƒœ ์ €์žฅ์†Œ Action: ์ƒํƒœ๋ณ€๊ฒฝ์„ ์œ„ํ•œ ์ด๋ฒคํŠธ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฐ์ฒด Reducer: ํ˜„์žฌ ์ƒํƒœ์™€ ์•ก์…˜์„ ๋ฐ›์•„ ์ƒˆ๋กœ์šด ์ƒํƒœ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ˆœ์ˆ˜ํ•œ ํ•จ์ˆ˜ Dispatch: ์•ก์…˜์„ ์Šคํ† ์–ด์— ๋ณด๋‚ด ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฉ”์„œ๋“œ ์ž‘๋™๋ฐฉ์‹ action์„ dispatch ํ•˜์—ฌ ์ƒํƒœ๋ณ€๊ฒฝ ์š”์ฒญ reducer๋Š” ํ˜„์žฌ ์ƒํƒœ์™€ action์„ ์ด์šฉํ•˜์—ฌ ์ƒˆ๋กœ์šด ์ƒํƒœ ๊ณ„์‚ฐ store๋Š” ์ƒˆ๋กœ์šด ์ƒํƒœ๋ฅผ ์ €์žฅํ•˜๊ณ , React component์— ์ด๋ฅผ ์ „๋‹ฌํ•˜์—ฌ UI๋ฅผ ์—…๋ฐ์ดํŠธํ•จ. ์žฅ์  ์ „์—ญ ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ํ†ตํ•œ ๋ฐ์ดํ„ฐ ๊ณต์œ  ๋ฐ ์—…๋ฐ์ดํŠธ ์šฉ์ด์„ฑ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ์ƒํƒœ๊ด€๋ฆฌ๋กœ ๋””๋ฒ„๊น…๊ณผ ํƒœ์ŠคํŒ…์ด ์ˆ˜์›”ํ•จ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ณต์žก์„ฑ์„ ๊ด€๋ฆฌํ•˜๊ณ , ์ปดํฌ..

    2023.08.22
  • [๊ธฐ์ˆ ๋ฉด์ ‘] ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ํ•˜๋Š” ์ด์œ ์™€ ๋ฐฉ๋ฒ•.

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

    2023.08.21
  • [CS/๋„คํŠธ์›Œํฌ] ์‚ฌ์šฉ์ž ํŒจ์Šค์›Œ๋“œ๋ฅผ ์ „์†กํ•˜๊ณ  ๋ณด๊ด€ํ•˜๋Š” ๋ฐฉ๋ฒ•

    ํŒจ์Šค์›Œ๋“œ ์ „์†ก: HTTPS ์‚ฌ์šฉ. * HTTPS: ๋ณด์•ˆ ํ”„๋กœํ† ์ฝœ๋กœ SSL/TLS ์•”ํ˜ธ์™€ ํ”„๋กœํ† ์ฝœ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ์•”ํ˜ธํ™”ํ•˜๊ณ  ์•ˆ์ „ํ•˜๊ฒŒ ์ „์†กํ•จ. ํŒจ์Šค์›Œ๋“œ ๋ณด๊ด€ * ํ•ด์‹œ ํ•จ์ˆ˜ ์‚ฌ์šฉ: ํ•ด์‹œํ•จ์ˆ˜๋กœ ํŒจ์Šค์›Œ๋“œ๋ฅผ ์•”ํ˜ธํ™”์‹œํ‚จ ํ•ด์‹œ๊ฐ’์„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ์ €์žฅ. * ์†”ํŒ…(Salting): ํ•ด์‹œํ•จ์ˆ˜ ์ ์šฉ ์ „์— ์›๋ณธ ํŒจ์Šค์›Œ๋“œ์— ์ž„์˜์˜ ๋ฌธ์ž์—ด(salt)๋ฅผ ์ถ”๊ฐ€. * ์•”ํ˜ธํ™”ํ‚ค ๊ด€๋ฆฌ: ํ•ด์‹œ๊ฐ’์„ ๋ณตํ˜ธํ™” ํ•  ์ˆ˜ ์žˆ๋Š” ์•”ํ˜ธํ™”ํ‚ค๋ฅผ ์•ˆ์ „ํ•œ ๊ณณ์— ๋ณด๊ด€ * ๋‘ ๋ฒˆ์งธ ์ธ์ฆ ์š”์†Œ ์‚ฌ์šฉ: OTP(One Time Password), ์ƒ์ฒด ์ธ์‹, ํœด๋Œ€ํฐ ์ธ์ฆ ๋“ฑ...

    2023.08.05
  • [CS/๋„คํŠธ์›Œํฌ] CORS

    CORS(Cross-Origin Resource Sharing): ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ณด์•ˆ ์ •์ฑ… ์ค‘ ํ•˜๋‚˜. ์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ๋ณด์•ˆ์€ ๋‹ค๋ฅธ ๋„๋ฉ”์ธ์œผ๋กœ๋ถ€ํ„ฐ ๋ฆฌ์†Œ์Šค๋ฅผ ์š”์ฒญํ•˜์ง€ ๋ชปํ•จ. ๊ทธ๋Ÿฌ๋‚˜ CORS๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค๋ฅธ ๋„๋ฉ”์ธ ๊ฐ„์— ์—ฌ๋Ÿฌ ์ž์›(์ด๋ฏธ์ง€, ํฐํŠธ, ์Šคํฌ๋ฆฝํŠธ, ๋ฐ์ดํ„ฐ) ๋“ฑ์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Œ. CORS๋ฅผ ํ—ˆ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์„œ๋ฒ„ ์‘๋‹ต ํ—ค๋” ์„ค์ •: Access-Control-Allow-Origin cors ๋ชจ๋“ˆ ์‚ฌ์šฉ webpack-dev-server proxy ๊ธฐ๋Šฅ

    2023.08.03
  • [CS/์ž๋ฃŒ๊ตฌ์กฐ] ๋ฐฐ์—ด, ๋งํฌ๋“œ๋ฆฌ์ŠคํŠธ

    ๋ฉ”๋ชจ๋ฆฌํ• ๋‹น ๋ฐ ํƒ์ƒ‰ ๋ฐฐ์—ด: ์—ฐ์†์ ์ธ ๋ฉ”๋ชจ๋ฆฌ ๋ธ”๋ก์— ์š”์†Œ๋“ค์„ ์ €์žฅ. ์ธ๋ฑ์Šค๋กœ ์š”์†Œ๋“ค์— ์ ‘๊ทผ: O(1) ๋งํฌ๋“œ๋ฆฌ์ŠคํŠธ: ๊ฐ ์š”์†Œ๋“ค์ด ๋…๋ฆฝ์ ์œผ๋กœ ๋ฉ”๋ชจ๋ฆฌ์— ํ• ๋‹น, ๋‹ค์Œ ์š”์†Œ๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ํฌ์ธํ„ฐ๋กœ ์—ฐ๊ฒฐ. ์ธ๋ฑ์Šค๋กœ ์š”์†Œ๋“ค์— ์ ‘๊ทผํ•˜๋Š”๋ฐ O(n) ์‹œ๊ฐ„ ์†Œ์š”. ํฌ๊ธฐ์กฐ์ ˆ ๋ฐ ์ถ”๊ฐ€/์‚ญ์ œ ๋ฐฐ์—ด: ํฌ๊ธฐ๊ฐ€ ๊ณ ์ •๋˜์–ด ์žˆ์–ด, ๋ณ€๊ฒฝ์ด ์–ด๋ ค์›€. ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•˜๊ณ  ๊ธฐ์กด ๋ฐ์ดํ„ฐ๋ฅผ ๋ณต์‚ฌํ•จ. ์ค‘๊ฐ„์— ์œ„์น˜ํ•œ ์š”์†Œ๊ฐ€ ๋ณ€๊ฒฝ๋  ๊ฒฝ์šฐ, ํ•ด๋‹น ์œ„์น˜์˜ ์š”์†Œ๋“ค์„ ์ด๋™์‹œ์ผœ์•ผํ•จ. ๋งํฌ๋“œ๋ฆฌ์ŠคํŠธ: ๋™์ ์œผ๋กœ ํฌ๊ธฐ ์กฐ์ ˆ ๊ฐ€๋Šฅ. ์ƒˆ๋กœ์šด ์š”์†Œ ์ถ”๊ฐ€/์‚ญ์ œ ์‹œ ๋ฉ”๋ชจ๋ฆฌ ์žฌํ• ๋‹น ์—†์ด ํฌ์ธํ„ฐ๋งŒ ์ˆ˜์ •ํ•˜์—ฌ๊ฐ€๋Šฅ. ๋ฉ”๋ชจ๋ฆฌ๊ณต๊ฐ„ ๋ฐฐ์—ด: ์š”์†Œ๋“ค์„ ์—ฐ์†์ ์œผ๋กœ ์ €์žฅํ•˜์—ฌ ์ €์žฅ๊ณต๊ฐ„ ๋‚ญ๋น„๊ฐ€ ์—†์Œ ๋งํฌ๋“œ๋ฆฌ์ŠคํŠธ: ํฌ์ธํ„ฐ๋กœ ์š”์†Œ๋“ค์„ ์—ฐ๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ํฌ์ธํ„ฐ ๊ณต๊ฐ„์ด ํ•„์š” Reference : Chat-GPT:..

    2023.08.03
  • [CS/์ž๋ฃŒ๊ตฌ์กฐ] ์Šคํƒ, ํ

    Stack: ์ž๋ฃŒ๊ตฌ์กฐ์˜ ํ•œ ์ข…๋ฅ˜๋กœ, ํ›„์ž…์„ ์ถœ(Last In First Out)์˜ ์›์น™์„ ๊ฐ€์ง„๋‹ค. * ํ•จ์ˆ˜ํ˜ธ์ถœ, ์žฌ๊ท€ ์•Œ๊ณ ๋ฆฌ์ฆ˜, ๋ธŒ๋ผ์šฐ์ € ๋ฐฉ๋ฌธ ๊ธฐ๋ก ๋“ฑ์—์„œ ์‚ฌ์šฉ๋œ๋‹ค. * push๋กœ ๋ฐ์ดํ„ฐ ์ถ”๊ฐ€, pop์œผ๋กœ ๋ฐ์ดํ„ฐ ์‚ญ์ œQueue: ์„ ์ž…์„ ์ถœ(First In First Out) ์›์น™. * Enqueue/push: ๋ฐ์ดํ„ฐ ์ถ”๊ฐ€, dequeue/pop: ๋ฐ์ดํ„ฐ ์‚ญ์ œ * ๋ฐฐ์—ด ๋˜๋Š” ์—ฐ๊ฒฐ๋ฆฌ์ŠคํŠธ๋กœ ๊ตฌํ˜„ ๊ฐ€๋Šฅ, ๋ฐฐ์—ด๊ธฐ๋ฐ˜ ํ๋Š” ์ฒ˜์Œ๊ณผ ๋์ด ์ด์–ด์ง„ ์›ํ˜• ํ ๊ตฌํ˜„ ๊ฐ€๋Šฅ * ๋„คํŠธ์›Œํฌ ํŒจํ‚ท ์ฒ˜๋ฆฌ, ํ”„๋ฆฐํ„ฐ ์ถœ๋ ฅ ๊ด€๋ฆฌ, ๋„ˆ๋น„ ์šฐ์„  ํƒ์ƒ‰(Breadth First Seach) ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ตฌํ˜„๋“ฑ์— ์‚ฌ์šฉ

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

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