Pushpin: λΈŒλΌμš°μ € 지원

에 λ§Œλ“  2019λ…„ 11μ›” 06일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: automerge/pushpin

λΈŒλΌμš°μ € 지원에 λŒ€ν•œ @pvh 의 νšŒμ˜λ‘ μ„ μ•Œκ³  μžˆμ§€λ§Œ μ—¬μ „νžˆ λ°±μ—”λ“œ/ν”„λ‘ νŠΈμ—”λ“œ 문제의 뢄리가 쒋은 μ›€μ§μž„μΌ 수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. ꡬ체적으둜 λ§ν•˜λ©΄ λΈŒλΌμš°μ €μ—μ„œ μ••μ • UIλ₯Ό νƒ­μœΌλ‘œ λ‘œλ“œν•  수 μžˆλ‹€λ©΄ 정말 쒋을 κ²ƒμž…λ‹ˆλ‹€. κ·Έλ ‡κ²Œ ν•˜λ©΄ λ‚΄ λ¨Έμ‹ μ˜ λ°±μ—”λ“œμ™€ ν†΅μ‹ ν•˜κ±°λ‚˜ λ‚΄ 옷μž₯에 μžˆλŠ” λ°±μ—”λ“œμ™€ 톡신할 수 μžˆμŠ΅λ‹ˆλ‹€.

λ°±μ—”λ“œκ°€ λ²”μœ„λ₯Ό λ²—μ–΄λ‚˜λ”λΌλ„ (μ œν•œλœ μš©λŸ‰)μ—μ„œ μž‘λ™ν–ˆλ‹€λ©΄ 더 μ’‹μ•˜μ„ κ²ƒμž…λ‹ˆλ‹€. μ „μžμ˜ 경우 λ°±μ—”λ“œκ°€ λ°±κ·ΈλΌμš΄λ“œ ν”„λ‘œμ„ΈμŠ€μ—μ„œ λ‘œλ“œλ˜λŠ” λ™μ•ˆ ν”„λ‘ νŠΈ μ—”λ“œκ°€ λ Œλ”λŸ¬ ν”„λ‘œμ„ΈμŠ€μ—μ„œ λ‘œλ“œλ¨μ„ μ˜λ―Έν•©λ‹ˆλ‹€.

λ„ˆλ¬΄ 미친 κ±΄κ°€μš”? λ˜λŠ” λ„ˆλ¬΄ λ§Žμ€ μž‘μ—…? μ•„λ‹ˆλ©΄ κ·Ήλ³΅ν•˜κΈ° μ–΄λ €μš΄ νŠΉμ •ν•œ ν•œκ³„κ°€ μžˆμŠ΅λ‹ˆκΉŒ?

λ‚˜λŠ” 단지 이 아이디어λ₯Ό κ±·μ–΄μ°¨κ³  μ‹Άλ‹€. μ™œλƒν•˜λ©΄ λ‚˜λŠ” 주둜 λΈŒλΌμš°μ €μ—μ„œ 그것을 μ‹œλ„ν•˜κ³  편의λ₯Ό μœ„ν•΄ 앱을 μ„€μΉ˜ν•˜λŠ” 것에 λΉ„ν•΄ μ „μž 앱을 μ„€μΉ˜ν•˜λŠ” 초기 λΉ„μš©μ΄ λ†’λ‹€λŠ” 것을 λ°œκ²¬ν–ˆκΈ° λ•Œλ¬Έμ΄λ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

예, "λ°±κ·ΈλΌμš΄λ“œ" μž‘μ—…μžλ₯Ό μ„œλΉ„μŠ€ μž‘μ—…μžλ‘œ μ΄λ™ν•˜κ³  압정이 PWA둜 μž‘λ™ν•˜λ„λ‘ ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. 그게 κΏˆμ΄μ•Ό!

λͺ¨λ“  9 λŒ“κΈ€

μ•„, μ €λŠ” λΈŒλΌμš°μ € 지원에 μ°¬μ„±ν•©λ‹ˆλ‹€! λΈŒλΌμš°μ €μ—μ„œ ν”„λ‘ νŠΈμ—”λ“œλ₯Ό μ‹€ν–‰ν•˜κ³  λ…Έλ“œ ν”„λ‘œμ„ΈμŠ€μ—μ„œ λ°±μ—”λ“œλ₯Ό μ‹€ν–‰ν•  수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

즉, ν”„λ‘ νŠΈμ—”λ“œλŠ” λ Œλ” μŠ€λ ˆλ“œμΌ λΏμž…λ‹ˆλ‹€. μ‹€μ œλ‘œ ν₯미둜운 일을 ν•˜λ €λ©΄ 항상 ν”„λ‘ νŠΈ μ—”λ“œμ™€ ν•¨κ»˜ λ°±μ—”λ“œκ°€ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. λ‚˜λŠ” μš°λ¦¬κ°€ 당신이 Gozalaλ₯Ό μ°Ύκ³  μžˆλŠ” 것에 더 가깝고 곡유 λ°±μ—”λ“œμ— 더 λ§Žμ€ μ±…μž„μ„ μ•„μ›ƒμ†Œμ‹±ν•˜λŠ” ... λ―Έλ“œμ—”λ“œλ₯Ό 상상할 수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

즉, 이 ν”„λ‘œμ νŠΈμ— λŒ€ν•œ λͺ…μ‹œμ (κ·ΈλŸ¬λ‚˜ λ³€κ²½ κ°€λŠ₯ν•œ) μ—”μ§€λ‹ˆμ–΄λ§ λͺ©ν‘œλŠ” 자체 ν¬ν•¨λ©λ‹ˆλ‹€. μž‘μ—…μ„ μˆ˜ν–‰ν•˜λŠ” 데 μ™ΈλΆ€ μ„œλΉ„μŠ€κ°€ ν•„μš”ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μ„€μΉ˜ν•˜κ±°λ‚˜ μ˜μ‘΄ν•  λ‹€λ₯Έ 것이 μ—†μŠ΅λ‹ˆλ‹€.

ꡬ체적으둜 λ°±μ—”λ“œμ— λŒ€ν•΄ μƒκ°ν•˜κ³  μžˆλŠ” 것은 λ„€νŠΈμ›Œν‚Ή 및 파일 μ‹œμŠ€ν…œ κΈ°λŠ₯을 μ œκ³΅ν•˜λŠ” λΆ€λΆ„μž…λ‹ˆλ‹€. μ΄μƒμ μœΌλ‘œλŠ” λ°±μ—”λ“œκ°€ λ‹€μš΄λœ 경우 ν”„λ‘ νŠΈμ—”λ“œ μΊμ‹œμ—μ„œ λ³€κ²½ 사항을 μœ μ§€ν•  수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.

둜컬/μ˜€ν”„λΌμΈ λ³€κ²½ 사항이 ν”„λ‘ νŠΈ μ—”λ“œμ—μ„œ μœ μ§€λ˜μ§€ μ•Šκ³  μ‚¬μš© κ°€λŠ₯ν•˜κ²Œ 되면 λ°±μ—”λ“œλ‘œ 볡제될 수 μ—†λŠ” μ΄μœ κ°€ μžˆμŠ΅λ‹ˆκΉŒ? 그것은 λΆ„λͺ…νžˆ κ΅¬ν˜„ λ³΅μž‘μ„±κ³Ό λ‹€λ¦…λ‹ˆλ‹€.

κΈ€μŽ„μš”, μ§€μ†ν•˜λŠ” 것은 λ°±μ—”λ“œμ˜ μΌμž…λ‹ˆλ‹€. 그것이 λ‚΄κ°€ λ§ν•˜λ €λŠ” κ²ƒμž…λ‹ˆλ‹€. ν”„λŸ°νŠΈ μ—”λ“œλŠ” μ§€μ†λ˜μ§€ μ•ŠλŠ” 단일 λ Œλ” μŠ€λ ˆλ“œμž…λ‹ˆλ‹€. 이것은 ν”„λŸ°νŠΈ μ—”λ“œμ˜ μ€‘μš”ν•˜κ³  ν•„μˆ˜μ μΈ μ†μ„±μž…λ‹ˆλ‹€. 둜컬 지속을 μˆ˜ν–‰ν•˜κ³  λ°±μ—”λ“œ 없이 μž‘λ™ν•  수 μžˆλŠ” μΌμ’…μ˜ λ―Έλ“œμ—”λ“œλ₯Ό κ°–κ³  μ‹Άλ‹€λ©΄ 전체 ν”Όμ–΄λ‘œ λ§Œλ“€μ§€ μ•Šκ² μŠ΅λ‹ˆκΉŒ?

ν”„λ‘ νŠΈ μ—”λ“œκ°€ 지속성을 μˆ˜ν–‰ν•˜μ§€ μ•ŠλŠ” μ΄μœ λŠ” 지속성, CRDT 계산 및 κ·Έ λͺ¨λ“  것이 μž…λ ₯ μŠ€λ ˆλ“œλ₯Ό μ°¨λ‹¨ν•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

κΈ€μŽ„μš”, μ§€μ†ν•˜λŠ” 것은 λ°±μ—”λ“œμ˜ μΌμž…λ‹ˆλ‹€. 그것이 λ‚΄κ°€ λ§ν•˜λ €λŠ” κ²ƒμž…λ‹ˆλ‹€. ν”„λŸ°νŠΈ μ—”λ“œλŠ” μ§€μ†λ˜μ§€ μ•ŠλŠ” 단일 λ Œλ” μŠ€λ ˆλ“œμž…λ‹ˆλ‹€. 이것은 ν”„λŸ°νŠΈ μ—”λ“œμ˜ μ€‘μš”ν•˜κ³  ν•„μˆ˜μ μΈ μ†μ„±μž…λ‹ˆλ‹€. 둜컬 지속을 μˆ˜ν–‰ν•˜κ³  λ°±μ—”λ“œ 없이 μž‘λ™ν•  수 μžˆλŠ” μΌμ’…μ˜ λ―Έλ“œμ—”λ“œλ₯Ό κ°–κ³  μ‹Άλ‹€λ©΄ 전체 ν”Όμ–΄λ‘œ λ§Œλ“€μ§€ μ•Šκ² μŠ΅λ‹ˆκΉŒ?

μ•Œκ² μŠ΅λ‹ˆλ‹€. 쀑간 μš©μ–΄λ₯Ό μ±„νƒν•˜κ² μŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ 이 λ§₯λ½μ—μ„œ "전체 ν”Όμ–΄"κ°€ 무엇을 μ˜λ―Έν•˜λŠ”μ§€ μ™„μ „νžˆ ν™•μ‹ ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

ν”„λ‘ νŠΈ μ—”λ“œκ°€ 지속성을 μˆ˜ν–‰ν•˜μ§€ μ•ŠλŠ” μ΄μœ λŠ” 지속성, CRDT 계산 및 κ·Έ λͺ¨λ“  것이 μž…λ ₯ μŠ€λ ˆλ“œλ₯Ό μ°¨λ‹¨ν•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

λΈŒλΌμš°μ €μ—λŠ” κ½€ μ˜€λž«λ™μ•ˆ μž‘μ—…μž μŠ€λ ˆλ“œκ°€ μžˆμ—ˆμŠ΅λ‹ˆλ‹€. μ‹€μ œλ‘œ μ„œλΉ„μŠ€ μ›Œμ»€μ™€ ν•¨κ»˜ μ΄λŸ¬ν•œ μ’…λ₯˜μ˜ μž‘μ—…μ— μ ν•©ν•©λ‹ˆλ‹€. μ™„μ „νžˆ κ·Έλ¦¬λ“œμ— 있고 λ°±μ—”λ“œ ν”„λ‘œμ„ΈμŠ€κ°€ λ²”μœ„λ₯Ό λ²—μ–΄λ‚˜λ©΄μ„œ λͺ¨λ“  것을 μ‹€ν–‰ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

예, "λ°±κ·ΈλΌμš΄λ“œ" μž‘μ—…μžλ₯Ό μ„œλΉ„μŠ€ μž‘μ—…μžλ‘œ μ΄λ™ν•˜κ³  압정이 PWA둜 μž‘λ™ν•˜λ„λ‘ ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. 그게 κΏˆμ΄μ•Ό!

μž‘μ—…μžμ˜ 경우 λͺ‡ 가지 μ€‘μš”ν•œ 주의 사항이 μžˆμ§€λ§Œ λ‚΄μž₯ IndexDB λ˜λŠ” μœ μ‚¬ν•œ "λΈŒλΌμš°μ € κΈ°λ³Έ" μŠ€ν† λ¦¬μ§€ μ†”λ£¨μ…˜κ³Ό 같은 것을 μ‚¬μš©ν•˜μ—¬ λΈŒλΌμš°μ €μ—μ„œ μž₯κΈ°κ°„ 지속성을 μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν˜„μž¬ 이 μž‘μ—…μ„ ν•˜κ³  μžˆλŠ” μ‚¬λžŒμ΄ μžˆμŠ΅λ‹ˆκΉŒ?

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰