# 차트 라이브러리 톡합

μ™ΈλΆ€ 라이브러리λ₯Ό 뷰에 ν†΅ν•©ν•˜λŠ” μ‹€μŠ΅ 2λ²ˆμ§ΈλŠ” 차트 λΌμ΄λΈŒλŸ¬λ¦¬μž…λ‹ˆλ‹€. 차트 λΌμ΄λΈŒλŸ¬λ¦¬λŠ” κΈ°μ—…μ˜ λ°±μ˜€ν”ΌμŠ€(Back office)λ‚˜ λͺ¨λ‹ˆν„°λ§ μ‹œμŠ€ν…œμ—μ„œ ν”ν•˜κ²Œ μ‚¬μš©λ©λ‹ˆλ‹€. λ·° ν”„λ ˆμž„μ›Œν¬ μš©μœΌλ‘œλ„ 차트 λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ΄ λ‚˜μ˜€κ³  μžˆμ§€λ§Œ 아직은 뷰와 ν†΅ν•©λœ λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ΄ λ§Žμ§€κ°€ μ•Šμ•„ 직접 ν†΅ν•©ν•΄μ„œ μ‚¬μš©ν•  쀄 μ•Œμ•„μ•Ό ν•©λ‹ˆλ‹€.

# μ‹€μŠ΅ 예제

톡합할 차트 λΌμ΄λΈŒλŸ¬λ¦¬λŠ” Chart.js (opens new window)μž…λ‹ˆλ‹€. 이미 뷰둜 ν†΅ν•©λœ λΌμ΄λΈŒλŸ¬λ¦¬κ°€ μ˜€ν”ˆμ†ŒμŠ€λ‘œ λ‚˜μ™€ μžˆμ§€λ§Œ 직접 ν†΅ν•©ν•΄λ³΄λ©΄μ„œ 감각을 μ΅ν˜€λ³΄κ² μŠ΅λ‹ˆλ‹€. 그리고 μ΄λ²ˆμ—λŠ” λ·° ν”ŒλŸ¬κ·ΈμΈμœΌλ‘œ λ³€ν™˜ν•˜μ—¬ μ‚¬μš©ν•˜λŠ” 방법듀을 μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.

# μ‹€μŠ΅ 포인트

  1. μ»΄ν¬λ„ŒνŠΈ λͺ¨λ“ˆν™”
  2. λ·° 라이프사이클에 λŒ€ν•œ 이해
  3. μ»΄ν¬λ„ŒνŠΈ 톡신 방식에 λŒ€ν•œ 이해
  4. ν”ŒλŸ¬κ·ΈμΈμ— λŒ€ν•œ 이해

# μ‹€μŠ΅ μ½”λ“œ