dev-yakuza / dev-yakuza.github.io

8 stars 9 forks source link

「일단공부」 앱 개발기(RN, React Native) - RN(React Native)를 사용하여 「일단공부」라는 JLPT 일본어 단어 공부 앱을 제작해 보았습니다. 이 앱을 제작하면서 격은 내용을 정리해보려고 합니다. #89

Open utterances-bot opened 10 months ago

utterances-bot commented 10 months ago

「일단공부」 앱 개발기(RN, React Native) - RN(React Native)를 사용하여 「일단공부」라는 JLPT 일본어 단어 공부 앱을 제작해 보았습니다. 이 앱을 제작하면서 격은 내용을 정리해보려고 합니다.

RN(React Native)를 사용하여 「일단공부」라는 JLPT 일본어 단어 공부 앱을 제작해 보았습니다. 이 앱을 제작하면서 격은 내용을 정리해보려고 합니다.

https://dev-yakuza.posstree.com/ko/ildangongbu/development-journal/

coldrain-f commented 10 months ago

안녕하세요. 잘 읽어봤습니다. 혹시 react-native에서 한자 위에 히라가나(Furigana) 표시는 어떻게 하셨는지 여쭤봐도 될까요? react-native는 react 처럼 태그를 사용하지 못 하는 것 같아서요!

dev-yakuza commented 10 months ago

@coldrain-f

안녕하세요. React Native로는 간단하게 후리가나르 표시할 수 없습니다. 직접 구현을 하시거나 다음과 같은 라이브러리를 사용하셔야 합니다.

저는 후리가나가 필요한 단어에 특정 룰을 정해놓고 직접 구현하였습니다. (日本語/にほんご)과 같이 한자에 후리가나를 모두 설정한 후, 해당 글자를 파싱해서 표시하도록 구현했습니다.

참고가 되셨으면 좋겠습니다.

감사합니다.