개발34 expo sdk 52로 업그레이드 (react native 0.76 적용) react native cli 대비 expo를 쓰면 여러가지로 편해진다.대표적인게 react native 버전업을 할때인데 이번 expo sdk 52에선 new architecture를 비롯하여 변경점이 많지만 큰 어려움 없이 버전업을 하여 그 기록을 공유하려고한다.먼저 아래의 세 문서를 참고해서 진행하였다. 엑스포는 문서 정리가 참 잘되어있어서 좋은것 같다.https://docs.expo.dev/guides/new-architecture/https://docs.expo.dev/workflow/upgrading-expo-sdk-walkthrough/https://expo.dev/changelog/2024/11-12-sdk-52프로젝트 디렉토리에서 아래의 명령어를 입력하면 사용하는 expo관련 패키지들의 .. 2024. 11. 23. tailwind css의 autoprefixer tailwindcss를 사용하면서 backdrop-filter 속성을 사용하는데 Mac의 Safari와 iOS의 브라우저에서 dackdrop-filter 속성이 적용되지 않는것을 보았습니다. https://tailwindcss.com/docs/browser-support#vendor-prefixes Browser Support - Tailwind CSSUnderstanding which browsers Tailwind supports and how to manage vendor prefixes.tailwindcss.com 공식문서에도 이미 https://github.com/postcss/autoprefixer를 설치하라고 안내해주고있었다. GitHub - postcss/autoprefixer: Parse.. 2024. 10. 3. Astro Framework에서 Cloudinary로 이미지 업로드 서비스를 만들면서 필수로 필요한 기능들이 몇가지 있습니다.그중 이미지를 업로드하여 공유하는 기능을 만들어볼까요? Cloudinay 이미지 업로드이미지를 운영중인 서버에 직접 업로드하는 방법도 있지만 serverless 배포방식이 유행하면서 이미지를 별도 공간에 올리는 경우가 많아졌습니다. 아마존 웹 서비스를 이용하는 경우에는 s3에 presigned 업로드를 많이 하는데, 우리는 25기가의 저장공간과 일정 조건까지는 무료로 쓸 수 있는 cloudinary 서비스를 이용해보도록 하겠습니다. 단순 이미지를 업로드 할 수 있는 저장공간을 제공해주는것 외에도 서비스에서 이미지를 리사이즈 해주거나, 크롭을 해준다던가, 여러 필요한 기능들을 sdk형태로 많이 제공해줍니다. 이런 부가적인 기능들은 차차 알아보도록 .. 2024. 3. 18. React.JS, Next.JS, shadcn/ui 에서 dark mode 설정하기 목표 React.JS와 Next.JS, shadcn/ui로 구성된 프로젝트에 dark mode를 적용하는 법을 알아보자. 다크모드 변경 Next.JS 프로젝트 셋팅 아래와 같은 create-next-app 명령어로 Next.JS 14버전의 새로운 프로젝트를 생성한다. $ npx create-next-app@latest next-dark 명령어를 실행하면 사용자에게 몇가지 질문을 하는데 아래와 같이 src 디렉토리만 No를 선택하고, Tailwind CSS, App Router는 사용하도록 Yes를 선택한다. Need to install the following packages: ✔ Would you like to use TypeScript? … No / Yes > Yes ✔ Would you like t.. 2023. 12. 20. 이전 1 2 3 4 ··· 9 다음