π¦οΈ λ μ¨ μλ΄ μ½ν
μΈ
- νλ‘μ νΈ μκ°: μ€μκ° λ μ¨ λ°μ΄ν°μ λ€κ΅μ΄ μμ± μλ΄ κΈ°λ₯μ ν΅ν΄ λ§μΆ€ν μ보λ₯Ό μ 곡νλ μλΉμ€
- μμΈ: κΈ°ν λ¨κ³λΆν° νλ‘ νΈμλ κ°λ°μ λ¨λ
μΌλ‘ λ΄λΉνμμΌλ©°, UI/UX μ€κ³λΆν° κΈ°λ₯ κ°λ° λ° μ±λ₯ μ΅μ νκΉμ§ μννμμ΅λλ€.
- Tech:ReactTypeScriptJavaScriptLocalStorageκΈ°μμ² APIi18n(λ€κ΅μ΄μ§μ)TTS
- μ§ν κΈ°κ°: 2023-01-16 ~ 2023-10-20
- μμ: ν¨μ²λ‘λ΄
λ©μΈ νλ©΄ μλ¨ λ μ¨ μ μ©λ‘λ΄ λκΈ° νλ©΄ μ€ λ μ¨ νμλ‘λ΄ λκΈ° νλ©΄ μ€ λ μ¨ νμ (μλ¬Έ)λ‘λ΄ λκΈ° νλ©΄ μ€ λ μ¨ νμ (μ€λ¬Έ)
π νλ‘μ νΈ κ°μ
- μμΉ κΈ°λ°μΌλ‘ νμ¬ λ μ¨, λ΄μΌ λ μ¨, μ£Όκ° μ보λ₯Ό μ 곡νλ μ½ν
μΈ μ
λλ€.
- λ‘λ΄μ λκΈ° μν, μ½ν
μΈ λ©μΈ νλ©΄, λ μ¨ μ μ© νλ©΄ λ± μ΄ μΈ νμ΄μ§μμ λ μ¨ μ 보λ₯Ό μλ΄νλ©°,
- μ½ν
μΈ μ§μ
μμλ TTS(μμ± μλ΄)λ₯Ό ν΅ν΄ μ¬μ©μμκ² μλμΌλ‘ μ보λ₯Ό λ€λ €μ€λλ€.
- λ‘λ΄ λκΈ° μν μ§μ
μ μΌμ μκ° κ°κ²©μΌλ‘ λ μ¨ μλ΄ TTS λ₯Ό ν΅ν΄ κΈ°μ μ보λ₯Ό μ 곡ν©λλ€.
- ν
μ€νΈμ μμ± μλ΄λ κ΅μ ν(i18n)λ₯Ό μν΄ λ€κ΅μ΄λ₯Ό μ§μνμ¬, λ€μν μΈμ΄ νκ²½μμλ μ μ°νκ² λμν©λλ€.
π§βπ» μ£Όμ κΈ°μ¬
- κΈ°ν λ¨κ³λΆν° λ©μΈ κ°λ°μλ‘ μ°Έμ¬νμ¬, μ κ· μ½ν
μΈ λ₯Ό λ¨λ
μΌλ‘ λ§‘μ κ°λ°μ μ§ννμμ΅λλ€.
- λ μ¨ μ½ν
μΈ κ° λκΈ° νλ©΄, λ©μΈ νλ©΄, λ μ¨ μ μ© νλ©΄ λ± λ€μν μμΉμμ μ¬μ©λλ λ§νΌ,
κ³΅ν΅ μ»΄ν¬λνΈμ λ°μ΄ν° κ΄λ¦¬ ꡬ쑰λ₯Ό μ΄λ»κ² κ°μ Έκ°μ§μ λν΄ λ§μ κ³ λ―Όμ νμμ΅λλ€.
- μν λ―Ή λμμΈ ν¨ν΄μ μ°Έκ³ νμ¬, UI μ»΄ν¬λνΈλ₯Ό κΈ°λ₯ λ¨μλ‘ λλκ³ , μμ νμ΄μ§μμ μ¬μ¬μ©μ±κ³Ό νμ₯μ±μ κ³ λ €ν κ΅¬μ‘°λ‘ μ€κ³νμμ΅λλ€.
- κΈ°μ‘΄ μ½λ ꡬ쑰μ μ ν©μ±μ κ³ λ €νλ©΄μ, μ»΄ν¬λνΈμ μ±
μκ³Ό μμΉλ₯Ό μ΄λ»κ² λΆλ¦¬ν μ§μ λν΄ μ¬λ¬ λ°©μμ μλνκ³ μ‘°μ¨νμμ΅λλ€.
- μΈλΆ κΈ°μμ² API μ°λ μ΄ν, κ΄λ ¨ κ·κ²©μ λ΄λΆ λ¬Έμλ‘ μ 리νμ¬, ν₯ν λ€λ₯Έ κ°λ°μλ μ½κ² μ΄ν΄νκ³ μμ ν μ μλλ‘ λ¬Έμνλ₯Ό μ§ννμμ΅λλ€.
- κΈ°μμ² APIμμ κ°νμ μΌλ‘ μλ΅ μ€λ₯κ° λ°μν΄, Local Storage κΈ°λ°μ μΊμ± λ‘μ§μ ꡬννμμ΅λλ€.
- κ·Έ κ²°κ³Ό, μμΈ μ²λ¦¬ μμ μ±μ λμ΄κ³ API νΈμΆ λΉλλ₯Ό μ½ 40% μ€μ΄κ³ νκ· λ‘λ© μκ°μ μ½ 30% λ¨μΆν μ μμμ΅λλ€.
- μΈμ΄μ λ°λΌ μλμΌλ‘ μ½ν
μΈ λ΄μ©κ³Ό μμ± μΆλ ₯μ΄ μ νλλλ‘, κ΅μ ν(i18n) ꡬ쑰λ₯Ό μ μ©νμ¬
λ€μν μΈμ΄ νκ²½μμλ μμ°μ€λ¬μ΄ μ¬μ©μ κ²½νμ μ 곡νμμ΅λλ€.