React-Native 에서 타입스크립트로 프로젝트를 만드는 방법을 설명해보겠습니다! npx react-native init yourappname --template react-native-template-typescript 먼저 npx 를 통해서 react-native 의 최신버전을 받아오고, yourappname 자리에 여러분의 프로젝트 이름을 적어주세요! 뒤에 --template 부분에서는 어떤 템플릿을 적용할지 적는 부분인데, react-native-template-typescript를 작성하고 엔터! 😁 Github 주소 : https://github.com/react-native-community/react-native-template-typescript GitHub - react-native..

몇일전 잘 되고 있던 호스팅 사이트에 접속을 했더니 진입이 안되길래 와이파이문젠가 하고 갸우뚱했는데 다른사이트들은 접속이 다 잘되는것.. 그래서 기다려보니 콘솔에 crbug/1173575 라는 메세지를 남긴채 timeout되더라 그래서 나는 리액트패키지를 자동화 빌드해서 호스팅하고있었기때문에 파이프라인을 점검하게되었고, 파이프라인은 정상적으로 돌아갔고 배포자동화에도 문제가없는것으로 나타났다 non-JS module deprecated 라고 되어있어서 빌드가 잘못된건지 생각했는데 로컬에서 돌리고해도 다 잘돌아갔고 로컬에서 빌드해서 firebase emulator:start --only hosting 했는데 잘만 돌아가더라.. 혹시나해서 firebase hosting status Dashboard에도 들어가..

안녕하세요 😊 케빈입니다 🙏 제가 요즘 Typescript + ReactNative를 사용해서 개인적으로 앱을 만들고있는데요 useNavigation을 Typescript와 사용하면서 dynamic하게 변하는 param들을 screen에 맞게 type을 세팅해주고자할때 어떻게 해야할지 고민하고 적용한 사례를 공유하고자 합니다 👏 먼저 Typescript 쓰기전 코드를 공유하겠습니다 import { useNavigation } from '@react-navigation/native'; import React, { useCallback } from 'react'; import SliderBanner from '../components/SliderBanner'; const SliderBannerContaine..

React Navigation에 Typescript를 쓰기시작하면서 이전에 JSX에서 쓰던 그냥 일반 String타입이 아닌 navigation용으로 타입을 따로 재 정의해주어야한다! 이전 JSX에서는 import React, { useCallback } from 'react'; import { useNavigation } from '@react-navigation/native'; const HomeContainer = () => { const navigation = useNavigation(); const __onPressed = useCallback(() => { //이벤트 페이지로 이동하면서 어떤 이벤트를 보여줄지 알려주기 navigation.navigate('event', {key : 'ASD9f..