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

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

ํƒœ๊ทธ

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

์ตœ๊ทผ๊ธ€

๋Œ“๊ธ€

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

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

๐Ÿ”Ž ๊ธฐํƒ€(13)

  • [๊ธฐํƒ€/์Šคํ„ฐ๋””] ๋ฉด์ ‘์Šคํ„ฐ๋”” (2ํšŒ: 240307)

    ์€ํ•œ๋‹˜ ์งˆ๋ฌธ LIsts ๊ฐœ๋ฐœ์ง๊ตฐ์„ ์„ ํƒํ•œ ์ด์œ  ? ์–ด๋А ํšŒ์‚ฌ์— ๊ฐ€๋”๋ผ๋„ ๋‚ด๊ฐ€ ๊ณต๋ถ€ํ–ˆ๋˜ ๊ฒƒ์„ ์ด์–ด์„œ ํ•  ์ˆ˜ ์žˆ๋‹ค ํ‡ด๊ทผ ํ›„์—๋„ ๊ณ„์†ํ•ด์„œ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋Š” ์‚ถ์„ ์›ํ•œ๋‹ค useEffect์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š” ๋ฆฌ์•กํŠธํ›…์˜ ํ•œ ์ข…๋ฅ˜, ์™ธ๋ถ€ ์ปดํฌ๋„ŒํŠธ์˜ ๋™๊ธฐํ™”์ž‘์—…์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•จ setup ํ•จ์ˆ˜์™€ ์˜์กด์„ฑ๋ฐฐ์—ด๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋Š”๋ฐ, ์˜์กด์„ฑ ๋ฐฐ์—ด์€ ์ƒ๋žต ๊ฐ€๋Šฅํ•จ setup ํ•จ์ˆ˜๋Š” cleanup ํ•จ์ˆ˜๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Œ. component๊ฐ€ mount ๋  ๋•Œ, setupํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋จ. ์ดํ›„์— ๋ฆฌ๋žœ๋”๋ง ๋  ๋•Œ๋งˆ๋‹ค cleanup ํ•จ์ˆ˜๊ฐ€ ๋จผ์ € ์‹คํ–‰๋˜๊ณ  setup ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋จ ์ด ๋•Œ ์˜์กด์„ฑ๋ฐฐ์—ด์„ ์ถ”๊ฐ€ํ•˜๋ฉด ๋ฐฐ์—ด์— ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„์ด ๋ฆฌ๋žœ๋”๋ง ๋  ๋•Œ๋งŒ setup ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ์„ฑ๋Šฅ๊ฐœ์„ ์— ๋„์›€์ด ๋จ provider์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š” React ์ปดํฌ๋„Œ..

    2024.03.07
  • [๊ธฐํƒ€/์Šคํ„ฐ๋””] ๋ฉด์ ‘์Šคํ„ฐ๋”” (1ํšŒ: 240228)

    ๊ธฐ์ˆ ๋ฉด์ ‘ ๋ฌธ์ œ 1๋ฒˆ ์ฐธ๊ฐ€์ž ์ƒํƒœ๊ด€๋ฆฌํ•˜๋Š” ์ด์œ ์™€ ํ•˜๋Š” ๋ฐฉ๋ฒ• ์„ฑ๋Šฅ๊ฐœ์„ (props drilling, ๋ถˆํ•„์š”ํ•œ ๋ฆฌ๋žœ๋”๋ง ๋ฐฉ์ง€)์„ ์œ„ํ•ด ์ƒํƒœ๊ด€๋ฆฌ ํ•จ ์ƒํƒœ(state): ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ง„ ๊ฐ์ฒด ์ง€์—ญ์ ์ธ ์ƒํƒœ๊ด€๋ฆฌ: useState ํ›…์„ ์‚ฌ์šฉ ==> props drilling์˜ ํ•œ๊ณ„ ์ „์—ญ์ ์ธ ์ƒํƒœ๊ด€๋ฆฌ: redux, recoil๋“ฑ์˜ ์—ฌ๋Ÿฌ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ™œ์šฉ ==> props drilling ๊ทน๋ณต, ํ˜‘์—… ๋ฐ ์œ ์ง€/๋ณด์ˆ˜์— ์šฉ์ด Redux๋ž€? ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ? ์ „์—ญ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ฑ๋Šฅ๊ฐœ์„  (๋ถˆํ•„์š”ํ•œ ๋ฆฌ๋žœ๋”๋ง ๋ฐฉ์ง€, ์ƒํƒœ๊ด€๋ฆฌ ๋ณต์žก์„ฑ ํ•ด๊ฒฐ) Redux ์™ธ์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Recoil ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœํ•œ react ์ „์šฉ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ํ˜ธํ™˜์„ฑ์ด ์šฐ์ˆ˜ํ•˜๋‹ค ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ, ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ๋“ฑ์˜ ๊ธฐ๋Šฅ ์ œ๊ณต atom์— stat..

    2024.02.28
  • [๊ธฐํƒ€/AWS] CloudFront

    CloudFront: AWS์—์„œ ์ œ๊ณตํ•˜๋Š” Content Delivery Network ์„œ๋น„์Šค์ด๋‹ค. ์ง€๋ฆฌ์ ์œผ๋กœ ๊ฐ€๊นŒ์šด ์„œ๋ฒ„์— ์บ์‹ฑ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์™€ ๋น ๋ฅด๋‹ค ๋ฐฉํ™”๋ฒฝ์ด ์ œ๊ณต๋˜๊ณ  ์„œ๋ฒ„๊ฐ€ ๋ถ„์‚ฐ๋˜์–ด ์žˆ์–ด DDoS๋“ฑ์˜ ๊ณต๊ฒฉ์—๋„ ์บ์‹œ ๊ธฐ๋Šฅ์œผ๋กœ ์˜ค๋ฆฌ์ง„ ์„œ๋ฒ„ ํŠธ๋ž˜ํ”ฝ์ด ์•ˆ์ „ํ•˜๋‹ค ๋™์  ์ปจํƒ ์ธ ์—๋Š” ์ ํ•ฉํ•˜์ง€ ์•Š๋‹ค(์ถ”๊ฐ€๋น„์šฉ ๋ฐœ์ƒ๋“ฑ...) ์„ธ๊ณ„ ๊ฐ์ง€์— ์บ์‹œ ์„œ๋น„์Šค๋ฅผ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๊ธฐ์— Netflix์—์„œ ์‚ฌ์šฉ์ค‘์ธ ์„œ๋น„์Šค์ด๋‹ค. Reference https://teamsparta.notion.site/9-Cloudfront-5f6a631a9f2b426db185cfc9e5f6bdff

    2023.08.03
  • [๊ธฐํƒ€/AWS] S3

    S3(Simple Storage Service): ์ธํ„ฐ๋„ท ์Šคํ† ๋ฆฌ์ง€ ์„œ๋น„์Šค ์„œ๋น„์Šค ์‚ฌ์šฉ ์˜ˆ: ์›น ์‚ฌ์ดํŠธ ํ˜ธ์ŠคํŒ…, ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ํŒŒ์ผ ์ €์žฅ ๋ฐ ์ŠคํŠธ๋ฆฌ๋ฐ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ์ดํ„ฐ ์ €์žฅ, ๋ฐฑ์—… ๋ฐ ๋ณต์›, ์•„์นด์ด๋ธŒ ๋ฒ„ํ‚ท(Bucket): ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ฐ€์žฅ ์ƒ์œ„ ๋ ˆ๋ฒจ์˜ ํด๋” ํ˜•ํƒœ์˜ ์ปจํ…Œ์ด๋„ˆ. ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ์ปจํ…Œ์ด๋„ˆ ์—ญํ•  ๊ฐ์ œ์— ๋Œ€ํ•œ ๊ณต์šฉ ๋˜๋Š” ๊ฐœ์ธ์ ์ธ ์ ‘๊ทผ ๊ถŒํ•œ์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•œ ์œ„์น˜ ๊ฐ์ฒด์— ๋Œ€ํ•œ ํŠน๋ณ„ํ•œ ์ด๋ฒคํŠธ ์•Œ๋ฆผ์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•œ ์œ„์น˜ AWS ๊ณ„์ •์—์„œ ๋ฒ„ํ‚ท ๋ฐ ๊ฐ์ฒด ์‚ฌ์šฉ์— ๋Œ€ํ•œ ๋น„์šฉ ์ถ”์  ๋ฐ ๋ชจ๋‹ˆํ„ฐ๋ง์„ ์œ„ํ•œ ์œ„์น˜ ๋ฒ„ํ‚ท ํด๋ฆฌ์‹œ(Bucket Policy) IAM๊ณผ ์œ ์‚ฌํ•œ JSON ํ˜•์‹์˜ ๋ฌธ์„œ ๋ฒ„ํ‚ท์˜ ๋ชจ๋“  ๊ฐ์ฒด์— ๋Œ€ํ•œ ์•ก์„ธ์Šค ์ œ์–ด ํŠน์ • ๊ฐ์ฒด ๋˜๋Š” ๊ฐ์ฒด ๊ทธ๋ฃน์— ๋Œ€ํ•œ ์•ก์„ธ์Šค ์ œ์–ด ์•ก์„ธ์Šค๋ฅผ ํ—ˆ์šฉํ•˜๋Š” IP ์ฃผ์†Œ ๋˜๋Š” ๋ฒ”์œ„ ์ง€์ •..

    2023.08.03
  • [๊ธฐํƒ€/AWS] Route 53

    Route 53: AWS์—์„œ ์ œ๊ณตํ•˜๋Š” DNS(Domain Name System). DNS(Domain Name System) : IP ์ฃผ์†Œ๋“ค์„ ์‚ฌ์šฉ์ž๊ฐ€ ๊ธฐ์–ตํ•˜๊ณ  ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋„๋ฉ”์ธ ์ด๋ฆ„์œผ๋กœ ๋ณ€ํ™˜ํ•จ (172.217.18.36 ==> www.google.com) ๊ณ„์ธต ๊ตฌ์กฐ Root DNS Server DNS ๊ณ„์ธต ๊ตฌ์กฐ ์ตœ์ƒ์œ„ ๋ชจ๋“  DNS ์ฟผ๋ฆฌ๋Š” ๋จผ์ € Root DNS Server์— ๋„์ฐฉํ•˜์—ฌ ํ•ด๋‹น ๋„๋ฉ”์ธ์˜ TLD(Top-Level Domain) DNS Server ์ฃผ์†Œ๋ฅผ ์•Œ์•„์•ผํ•จ. TLD(Top Level Domain) Server: .com, .net, .org, .kr ๋“ฑ์˜ TLD๊ด€๋ฆฌํ•˜๋Š” DNS ์„œ๋ฒ„. SLD(Second Level Domain) Server: ๋„๋ฉ”์ธ ์ด๋ฆ„์˜ ์ค‘๊ฐ„ ๋ ˆ๋ฒจ์— ํ•ด๋‹นํ•˜๋Š” D..

    2023.08.03
  • [๊ธฐํƒ€/AWS] EC2

    EC2(Elastic Compute Cloud): ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ… ์„œ๋น„์Šค ์ค‘ ํ•˜๋‚˜๋กœ, ๊ฐ€์ƒ ์„œ๋ฒ„ ์ธ์Šคํ„ด์Šค๋ฅผ ์ œ๊ณตํ•จ. instance: ๊ฐ€์ƒํ™”๋œ ์ปดํ“จํ„ฐ ํ™˜๊ฒฝ, ๋…๋ฆฝ์ ์œผ๋กœ ์‹คํ–‰/๊ด€๋ฆฌ ๋จ. ์ƒ์„ฑ, ์‹œ์ž‘, ์ค‘์ง€, ์ข…๋ฃŒ๋“ฑ์˜ ๊ด€๋ฆฌ ์˜ต์…˜์ด ์žˆ์œผ๋ฉฐ ์Šค์ผ€์ผ ์—…/๋‹ค์šด์ด ๊ฐ€๋Šฅํ•จ. ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค์˜ ์ข…๋ฅ˜ Iaas(Infrastructure as a Service): ํ•˜๋“œ์›จ์–ด ์ธํ”„๋ผ ์ œ๊ณต. ๊ฐ€์ƒํ™”๋œ ํ•˜๋“œ์›จ์–ด, ์Šคํ† ๋ฆฌ์ง€, ๋„คํŠธ์›Œํฌ, ์šด์˜์ฒด์ œ ์ œ๊ณต. AWS EC2, Microsoft Azure, Google Compute Engine ๋“ฑ์ด ์žˆ์Œ. Paas(Platform as a Service): ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœ, ์‹คํ–‰, ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ํ”Œ๋ ›ํผ ์ œ๊ณต. IaaS์—์„œ ์ œ๊ณตํ•˜๋Š” ๋ฏธ๋“ค์›จ์–ด์™€ ํ•˜๋“œ์›จ์–ด ์ธํ”„๋ผ๋ฅผ ์‚ฌ์šฉ. AWS Elastic..

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

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