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

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

ํƒœ๊ทธ

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

์ตœ๊ทผ๊ธ€

๋Œ“๊ธ€

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

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

๐Ÿ”ค Language(26)

  • [Language/TypeScript] ์ถ”์ƒ ํด๋ž˜์Šค

    ์ •์˜: ์ธ์Šคํ„ด์Šคํ™” ํ•  ์ˆ˜ ์—†๋Š” ํด๋ž˜์Šค๋กœ ์ž์‹ ํด๋ž˜์Šค์—๊ฒŒ ์ถ”์ƒํ•จ์ˆ˜๋ฅผ ๋ฐ˜๋“œ์‹œ ๋งŒ๋“ค๋„๋ก ๊ฐ•์ œํ•จ. abstract class Shape { abstract getArea(): number; // ์ถ”์ƒ ํ•จ์ˆ˜ ์ •์˜!!! printArea() { console.log(`๋„ํ˜• ๋„“์ด: ${this.getArea()}`); } } class Circle extends Shape { radius: number; constructor(radius: number) { super(); this.radius = radius; } getArea(): number { // ์›์˜ ๋„“์ด๋ฅผ ๊ตฌํ•˜๋Š” ๊ณต์‹์€ ํŒŒ์ด X ๋ฐ˜์ง€๋ฆ„ X ๋ฐ˜์ง€๋ฆ„ return Math.PI * this.radius * this.radius; } } class Rectang..

    2023.07.27
  • [Language/TypeScripts] ์ƒ์†

    ์ •์˜: ํด๋ž˜์Šค ๊ฐ„์˜ ๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜๋Š” ๊ฐœ๋…์œผ๋กœ, ๊ธฐ์กด ํด๋ž˜์Šค์˜ ์†์„ฑ/๋งค์„œ๋“œ๋ฅผ ๋ฌผ๋ ค๋ฐ›์•„ ์ƒˆ๋กœ์šด ํด๋ž˜์Šค๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Œ. extends ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌํ˜„ํ•จ.class Animal { name: string; constructor(name: string) { this.name = name; } makeSound() { console.log('๋™๋ฌผ ์†Œ๋ฆฌ~'); } } class Dog extends Animal { age: number; constructor(name: string) { super(name); this.age = 5; } makeSound() { console.log('๋ฉ๋ฉ!'); // ๋ถ€๋ชจ์˜ makeSound ๋™์ž‘๊ณผ ๋‹ฌ๋ผ์š”! } eat() { // Dog ํด๋ž˜..

    2023.07.27
  • [Language/Typescript] ํด๋ž˜์Šค

    ์ •์˜ : ๊ฐ์ œ ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ ์ค‘ ํ•˜๋‚˜๋กœ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ํ‹€์ด๋‹ค. ๊ตฌ์„ฑ์š”์†Œ ์†์„ฑ(attribute): ๊ฐ์ฒด์˜ ์„ฑ์งˆ ๊ฒฐ์ • ๋งค์„œ๋“œ(method): ๊ฐ์ฒด์˜ ์„ฑ์งˆ์„ ๋ณ€ํ™”์‹œํ‚ค๊ฑฐ๋‚˜ ๊ฐ์ฒด์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ๋“ค ์‚ฌ์šฉ ๊ฐ์ฒด: ํด๋ž˜์Šค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ƒ์„ฑ, instance๋ผ๊ณ ๋„ ํ•จ ์ •์˜ class ํ‚ค์›Œ๋“œ๋กœ ์ •์˜ํ•จ method, attirbute ์ •์˜ ํ›„, new ํ‚ค์›Œ๋“œ๋กœ ๊ฐ์ฒด ์ƒ์„ฑ๊ฐ€๋Šฅ class Preson { name: string; age: number; constructor(name: stirng, age: number) { this.name = name; this.age = age; } const person = new Person('Spartan', 30); person.sayHell..

    2023.07.27
  • [Language/TypeScript] ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…

    ์ •์˜ : ์ด๋ฏธ ์ •์˜ํ•ด ๋†“์€ ํƒ€์ž…์„ ๋ณ€ํ™˜ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๊ธฐ ์ข‹์€ ๋ฌธ๋ฒ•. ์ข…๋ฅ˜ Partial : ๊ธฐ์กด ํƒ€์ž…์˜ ์ผ๋ถ€ ์†์„ฑ๋งŒ ์‚ฌ์šฉ๊ฐ€๋Šฅ Required : ๋ชจ๋“  ์†์„ฑ์ด ์‚ฌ์šฉ๋˜์–ด์ง€๊ฒŒ ํ•จ Readonly : ์ฝ๊ธฐ์ „์šฉ ์†์„ฑ, ์™„์ „ ๋ถˆ๋ณ€ ๊ฐ์ฒด๋กœ ์ทจ๊ธ‰ํ•˜๊ฒŒ ํ•จ Pick ํƒ€์ž… T์—์„œ K์†์„ฑ๋งŒ ์„ ํƒํ•˜์—ฌ ์ƒˆ๋กœ์šด ํƒ€์ž…์„ ๋งŒ๋“ฌ Omit ํƒ€์ž… T์—์„œ K์†์„ฑ๋งŒ ์ œ์™ธํ•œ ์ƒˆ๋กœ์šด ํƒ€์ž… ๊ทธ ์ด์™ธ ๋‹ค์–‘ํ•œ ํƒ€์ž…๋“ค ==> https://www.typescriptlang.org/ko/docs/handbook/utility-types.html References https://teamsparta.notion.site/Sparta-TS-_-4-bc51a698598841fab5172670cdc3bd53#d35b4a4b2fec4ede9ef3572412ba9e2..

    2023.07.26
  • [Language/TypeScript] object literal

    object literal ์ด๋ž€? ์—ด๊ฑฐํ˜• ๋ฐ์ดํ„ฐ ํƒ€์ž… key: value Pair๋กœ ์ด๋ฃจ์–ด์ง ์ˆซ์ž, ๋ฌธ์ž์—ด๋งŒ ํ—ˆ์šฉ๋˜๋Š” enum๊ณผ ๋‹ค๋ฅด๊ฒŒ ๋ชจ๋“  ํƒ€์ž… ํ˜•ํƒœ๊ฐ€ ํ—ˆ์šฉ๋”ค

    2023.07.26
  • [Language/TypeScript]๊ฐ€๋ณ€์  ๋ฐ์ดํ„ฐ ํƒ€์ž…

    ์ •์˜: data์˜ ํƒ€์ž…์„ ์ •ํ™•ํ•˜๊ฒŒ ์ง€์ •ํ•˜์ง€ ๋ชปํ•  ๋•Œ ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋ณ€ํ•˜๋„๋ก ์ง€์ •. ์ข…๋ฅ˜ any: ์–ด๋– ํ•œ ํƒ€์ž…์ด๋“  ํ• ๋‹น์ด ๊ฐ€๋Šฅํ•จ. ๊ทธ๋Ÿฌ๋‚˜ ์•ˆ์ •์„ฑ์„ ์œ„ํ•ด type์„ ์ง€์ •ํ•˜๋Š” TS์˜ ์กด์žฌ์„ฑ์— ์œ„๋ฐฐ๋˜๊ธฐ์— ๊ฐ€๊ธ‰์  ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ข‹์Œ unknown: any๋ฅผ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋Š” ์กฐ๊ธˆ ๋” ์•ˆ์ •์„ฑ์„ ํ™•๋ณดํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€๋ณ€์  ๋ฐ์ดํ„ฐ ํƒ€์ž… Type Assertion(ํƒ€์ž…๋‹จ์–ธ)์œผ๋กœ ์žฌํ• ๋‹น ๊ฐ€๋Šฅ let unkonwValue: unknown = 'unknownValue' let stringValue: string; stringValue = unknownValue; // Error stringValue = unknownValue as string; // 'unknownValue' union: unkno..

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

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