HOHO- <KIOSK> 240327 이슈!! 😑

chan_hariΒ·2024λ…„ 7μ›” 29일

HOHO-DIARY

λͺ©λ‘ 보기
40/56
post-thumbnail

λ²„νŠΌμ„ λˆŒλ €μ„λ•Œ μ›λž˜ μžˆλŠ” λ°°μ—΄μ˜ κ°’μ—μ„œ μΆ”κ°€κ°€ 될수 있게 ν•˜κΈ° μœ„ν•΄μ„œ

id 값을 μΆ”κ°€ ν•˜μ˜€λŠ”λ°

였λ₯˜ λ°œμƒ

'number'은(λŠ”) ν˜•μ‹λ§Œ μ°Έμ‘°ν•˜μ§€λ§Œ, μ—¬κΈ°μ„œλŠ” κ°’μœΌλ‘œ μ‚¬μš©λ˜κ³  μžˆμŠ΅λ‹ˆλ‹€.ts(2693

< μ •λ‹΅!!>

μ£Όμ–΄μ§„ μ½”λ“œμ—μ„œ 'number' νƒ€μž…μ„ κ°’μœΌλ‘œ μ‚¬μš©ν•˜λ €κ³  ν•˜κ³  μžˆλŠ”λ°, 이것은 νƒ€μž…μŠ€ν¬λ¦½νŠΈμ—μ„œλŠ” ν—ˆμš©λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 주둜 'number'와 같은 ν˜•μ‹μ€ λ³€μˆ˜ λ˜λŠ” μ†μ„±μ˜ νƒ€μž…μ„ μ§€μ •ν•˜λŠ” 데 μ‚¬μš©λ©λ‹ˆλ‹€.

였λ₯˜λ₯Ό ν•΄κ²°ν•˜κΈ° μœ„ν•΄μ„œλŠ” 'number' νƒ€μž…μ„ κ°’μœΌλ‘œ μ‚¬μš©ν•˜λŠ” 곳을 μ°Ύμ•„λ‚΄κ³ , 그것을 ν•΄λ‹Ή λ³€μˆ˜λ‚˜ 속성에 ν• λ‹Ήν•˜λŠ” κ²ƒμœΌλ‘œ λ³€κ²½ν•΄μ•Ό ν•©λ‹ˆλ‹€.

 Profile: any[] = [
    {
      id: 0,
      logId: this.signidInputValue
    },
  ];

<문제 확인>

μ£Όμ–΄μ§„ 였λ₯˜λŠ” 'any[]' ν˜•μ‹μ˜ λ³€μˆ˜ λ˜λŠ” 속성에 λŒ€ν•΄ λ©”μ†Œλ“œλ₯Ό ν˜ΈμΆœν•˜λ €κ³  μ‹œλ„ν–ˆμ„ λ•Œ λ°œμƒν•©λ‹ˆλ‹€. TypeScriptλŠ” 'any' ν˜•μ‹μ„ μ‚¬μš©ν•  λ•Œ ν•΄λ‹Ή 값에 λŒ€ν•΄ μ–΄λ–€ λ©”μ†Œλ“œλ₯Ό ν˜ΈμΆœν•  수 μžˆλŠ”μ§€ μ•Œ 수 μ—†μœΌλ―€λ‘œ μ΄λŸ¬ν•œ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

ν•΄κ²°μ±…μœΌλ‘œλŠ” 'any' νƒ€μž… λŒ€μ‹ μ— ꡬ체적인 νƒ€μž…μ„ μ‚¬μš©ν•˜κ±°λ‚˜, ν˜ΈμΆœν•˜λ €λŠ” λ©”μ†Œλ“œμ˜ μ‹œκ·Έλ‹ˆμ²˜λ₯Ό μ •μ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. 이λ₯Ό 톡해 TypeScriptκ°€ ν•΄λ‹Ή λ³€μˆ˜λ‚˜ 속성이 μ–΄λ–€ λ©”μ†Œλ“œλ₯Ό κ°€μ§€κ³  μžˆλŠ”μ§€ 인식할 수 μžˆμŠ΅λ‹ˆλ‹€.

ν”„λ‘œν•„ λ°°μ—΄μ˜ ꡬ체적인 νƒ€μž…μ„ μ •ν•΄μ•Όν•œλ‹€β€¦

λ ˆμ „λ“œ κ³½μ°¨λ…• κ·Έλƒ₯ λ˜₯ 멍청이 ν•΄μ‚Ό λ§λ―Έμž˜μž„

ν•΄μ‚Όμ΄λž‘ 말미잘 ν•œν…Œλ„ λ―Έμ•ˆν•˜λ‹€ μ§„μ§œ..

<문제 ν•΄κ²°>

profile 은 λ°°μ—΄μ΄λ‹ˆκΉŒ 배열은 [] λŒ€κ΄„ν˜Έλ₯Ό 씀 μ§„μ§œ 기본적인건데,..

그리고 λ³€μˆ˜λŠ” μ†Œλ¬Έμžλ‘œ 해야함!!

 profile: any[] = [
    {
      id: 0,
      logId: this.signidInputValue,
    },
  ];

  check() {
    this.profile.push({
      id: this.profile[this.profile.length - 1].id++,
    });
  }
}

<문제>

for 문에 λ“€μ–΄κ°€λŠ” (item of items; track $index){

{{ item.μš”μ†Œ}}

λ‚œ λ°°μ—΄μ˜ μš”μ†Œλ₯Ό μƒκ°ν–ˆλŠ”λ° λ°°μ—΄μ—μ„œ 객체λ₯Ό κ°€μ Έ μ™”μœΌλ‹ˆ

객체의 μš”μ†Œλ₯Ό μž…λ ₯을 해야됨’

<ν•΄κ²°>

@for (id of profile; track $index) {
  <div>{{ id.id }}</div>
}

0개의 λŒ“κΈ€