🌠 개발 공부

[React Native] 일본어 한자에 후리가나 표시하기

개요 이번에 React Native를 사용해서 일본어 단어 암기 토이 프로젝트를 진행하고 있던 중 한자에 후리가나를 표시해야 하는 상황에 봉착했다. React나 Vue와 같은 웹 개발 언어는 HTML 5 태그인 태그를 사용해서 간단하게 일본어 한자 위에 후리가나(혹은 요미가나)를 표시할 수 있길래 React Native에서도 비슷한 게 있겠지~. 하는 마음으로 찾아봤지만... 알고 보니 React Native에선 태그와 같은 기능을 하는 게 없었다. 그래서 이번기회에 한자에 후리가나를 표시하는 것을 연구해 보기로 했고 그 과정을 기록해보고자 한다. 연구 시작 일단 만들어보기 import { Text, View, SafeAreaView } from 'react-native'; function Furi({ ..

Vue.js 3 Composition Style 타입스크립트 정리

Props 타입 설정 기본 Props 정의 {{ props.message }} {{ props.numbers }} 키워드 '?'를 붙이면 Optional 한 Prop이 되고 붙이지 않으면 Required 한 Prop이 된다. Props Default 값 설정 기본 타입 Default 값 설정 {{ props.message }} Props의 Default 값을 설정하려면 Vue에서 제공해 주는 withDefaults라는 컴파일러 매크로를 사용해야 한다. 첫 번째 인수는 defineProps() 매크로를 넣어주고 두 번째 인수는 객체를 정의하여 각 Prop별로 default 값을 설정해 주면 된다. 배열(Array) Default 값 설정 {{ props.numbers }} 배열은 화살표 함수를 사용하여 d..

Python 문법 정리

몫과 거듭제곱 print(10 // 2) # 몫: 5 print(2 ** 3) # 거듭제곱: 8 가감승제 연산자(+, -, *, /)와 나머지 연산자(%)는 Java와 같다. List 자료형 기본 문법 # 선언 및 초기화 arr = [1, 2, 3, 4] # 인덱스 접근 print( arr[0] ) # 1 출력 print ( arr[-1] ) # 4출력 # 값 재할당 arr[0] = 10 print( arr[0] ) # 10 출력 arr[0] = 1 # 슬라이싱 list[n:m] n부터 m앞까지 print( arr[0:2] ) # [1, 2] print( arr[0:-1] ) # [1, 2, 3] print( arr[1:-1] ) # [2, 3] # 리스트 초기화 arr.clear() # 리스트 컴프리헨..