Xcode14 로 업데이트 이후 많은 변화가있어 상당히 애를 먹고있는 상황입니다.. 최근 새로 앱을 만들고 업데이트 한뒤 TestFlight를 올리려고하다 버전정보와 빌드넘버가 적용되지않는 상황이생겼고, 이를 해결하여서 공유해봅니다. Xcode내부에서 사용하는 빌드번호 변수와 버전 변수를 활용하여 info.plist를 수정하면됩니다. iOS16이 공개되고 많은 변경사항이 생기고있습니다. 개발자분들 모두 화이팅입니다!

일반적으로 색상을 css에서 사용할때 #F4F4F4 이런식으로 사용을 하게되는데요 뒤에 두자리를 더 붙여서 opacity값 까지 나타낼수있습니다 :) 아래는 5%단위의 Hex값입니다 100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40 20% — 33 15% — 26 10% — 1A 5% — 0D 0% — 00

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..