- 78
- 39 377
크로스플랫폼 코리아
South Korea
Registrace 10. 01. 2023
크로스플랫폼 코리아 = Cross-Platform Korea
[8월 3주차] Expo Production Build, Docusaurus
2024년 8월 3주차에는 Expo 프로덕션 빌드 관련 경험과 팁 그리고 Docusaurus 관련 PR을 다룹니다.
00:00 인트로
00:12 Docusaurus 관련 PR
03:48 Sentry-Expo Migration 이슈
07:07 최신 빌드 관련 이슈
08:36 디버깅 팁
13:13 EAS 빌드와 구글 서비스 파일
15:36 .easignore 활용법
16:13 마무리
#production #build #docusaurus #brifing #브리핑 #주간 #주간브리핑 #리액트네이티브 #reactnative #developer #개발자 #expo #엑스포 #android #안드로이드 #debug
00:00 인트로
00:12 Docusaurus 관련 PR
03:48 Sentry-Expo Migration 이슈
07:07 최신 빌드 관련 이슈
08:36 디버깅 팁
13:13 EAS 빌드와 구글 서비스 파일
15:36 .easignore 활용법
16:13 마무리
#production #build #docusaurus #brifing #브리핑 #주간 #주간브리핑 #리액트네이티브 #reactnative #developer #개발자 #expo #엑스포 #android #안드로이드 #debug
zhlédnutí: 56
Video
[8월 2주차] React Native 브리핑
zhlédnutí 175Před 14 dny
매주 한주간 겪었던 내용을 주간 브리핑으로 다루고자 합니다. 2024년 8월 2주차 리액트네이티브 관련 개발 내용입니다. 블로그는 영문으로 작성하려고 합니다. medium.com/dooboolab/3-recent-react-native-development-notes-6f92f5138759 00:00 인트로 00:31 Key Extractor 이슈 05:00 Android debug keystore 관련 팁 07:31 안드로이드 new architecture adoption 10:40 마무리 #brifing #브리핑 #주간 #주간브리핑 #리액트네이티브 #reactnative #developer #개발자 #flashlist #newarchitecture #shopify #reactnativescreen ...
[크로스플랫폼 코리아] 8월 밋업 공지 (2024년)
zhlédnutí 245Před 21 dnem
밋업 신청 링크: www.meetup.com/ko-KR/crossplatformkorea/events/302682322 커뮤니티 최근 소식: crossplatformkorea.com/docs/current/news #밋업 #리액트네이티브 #네이티브모듈 #reactnative #meetup #크로스플랫폼 #크로스플랫폼코리아
Expo 파일 네이티브 자동 등록
zhlédnutí 126Před měsícem
Expo에서 파일을 iOS와 안드로이드에 자동으로 등록하는 방법을 알아봅니다. 관련 레포 주소: github.com/Malaa-tech/expo-custom-assets 00:00 인트로 00:21 과거 Rive 영상 참고 01:25 expo-custom-assets 03:41 iOS 빌드 04:28 Android 빌드 05:16 소스코드 살펴보기 #expo #assets #automation #파일 #자동 #개발자 #opensource #오픈소스
[채용 공고] 보닥
zhlédnutí 94Před měsícem
앞서 밋업에 소정의 후원을 해주신 보닥 채용 공고 영상입니다. czcams.com/video/rQGq6eZlhH4/video.html 후원 문의: crossplatformkorea@gmail.com #보닥 #채용 #크로스플랫폼코리아 #crossplatformkorea
신상 API Client, Posting
zhlédnutí 791Před měsícem
Postman, Insomnia에 이어 또 다른 API 클라이언트가 나왔습니다. 애플리케이션이 아닌 터미널에서 바로 실행할 수 있어 접근성이 좋고 사용성도 매우 편리합니다. 레포 주소: github.com/darrenburns/posting 00:00 인트로 01:06 설치하기 02:09 써보기 02:51 컬렉션 관리하기 04:38 창 이동 05:39 단축키 06:45 환경변수 관리 09:59 마무리 #posting #api #client #developer #개발자 #개발자툴 #opensource #오픈소스 #insomnia #postman
[밋업] React Native New Architecture 라이브러리 제작하기
zhlédnutí 250Před měsícem
크로스플랫폼 코리아 6월 밋업 영상입니다. 이번 주제는 "React Native New Architecture 라이브러리 제작"입니다. 00:00 Intro 01:16 목차 02:38 New Architecture 12:11 Bridgeless 13:29 새로운 아키텍처에 대응 (앱 프로젝트) 22:47 라이브러리 프로젝트 잘 구성하기 24:18 Codegen 37:30 Turbomodule 38:49 Fabric 49:48 Conclusion 이번 밋업은 보닥(bodoc.kr)에서 후원해주셨습니다. 후원 문의: crossplatformkorea@gmail.com #reactnative #리액트네이티브 #newarchitecture #fabric #뉴아키텍쳐 #크플코 #크로스플랫폼코리아 #크로스플랫폼 ...
[리액트네이티브에 Supabase 사용하기] 6. Edge Function
zhlédnutí 184Před měsícem
Supabase에서 Edge Function을 사용하는 방법을 알아봅니다. supabase.com/docs/guides/functions 00:00 Intro 00:05 Supabase Edge Function 00:36 프로젝트에 Edge Function 추가 01:22 Docker Desktop 설치 02:18 supabase start 02:50 Function 실행하기 03:47 Webhook 활용하기 05:58 Webhook 응용하여 DB 업데이트 #supabase #edgefunction #리액트네이티브 #reactnative #tutorial #슈파베이스 #슈퍼베이스 #크로스플랫폼 #function #functions
Rive 2부: 직접 애니메이션 만들고 구현까지
zhlédnutí 146Před měsícem
1부 영상(czcams.com/video/vL2CoH0W0os/video.html)에 이어서 직접 Rive로 애니메이션을 만들고 코드에 적용합니다. Rive 체크박스 주소: rive.app/community/files/10694-20501-checkbox 작성한 코드 레포 주소: github.com/hyochan/RiveApp 00:00 인트로 00:36 체크박스 애니메이션 만들기 02:31 다시 해보기 03:09 Input 만들기 06:00 Rive파일 export 후 앱에서 사용 09:51 과거 Facial Expression 파일 다루기 #rive #리액트네이티브 #크로스플랫폼 #lottie #로티 #애니메이션 #라이브 #riveapp #animation #checkbox #체크박스
인앱 오픈소스 공지사항 (후속편)
zhlédnutí 164Před měsícem
react-native-iap 오픈소스 업데이트 사항을 리뷰 한 후 공지사항에 대한 브리핑입니다. 00:00 Intro 00:04 마지막 공지사항 00:30 1. New Industry Standard 01:19 2. Cost Effective Maintenance 04:39 3. Simpler Project 04:58 4. Better Compatibility 05:33 추가 잡담 06:18 오픈소스 유지보수 단점 07:54 마무리 인사 #오픈소스 #opensource #리뷰 #review #인앱 #inapppurchases #인앱결제 #유지보수 #maintain #reactnativeiap #iap #공지사항 #announcement
인앱 오픈소스 업데이트 리뷰 (feat. react-native-iap)
zhlédnutí 220Před měsícem
react-native-iap 오픈소스 업데이트 사항을 리뷰하면서 함께 오픈소스를 메인테인하는 과정을 보겠습니다. github.com/dooboolab-community/react-native-iap/releases/tag/12.14.1 00:00 Intro 00:21 간략한 오픈소스 이야기 00:58 최근 react-native-iap 업데이트 01:13 1. Expo Config Plugin 02:38 2. Storekit Race Condition 10:56 3. Apple VisionOS Support 13:06 4. Android Billing Client v7 18:16 하고 싶은 말 #오픈소스 #opensource #리뷰 #review #인앱 #inapppurchases #인앱결제 #유지보...
Expo Orbit 소개
zhlédnutí 319Před 2 měsíci
Expo Orbit 프로젝트에 대해 소개합니다. Expo Orbit은 Expo 기반의 프로젝트를 관리하고 실행하는 데 도움을 주는 도구입니다. expo.dev/orbit 00:00 인트로 00:59 Orbit 데모 01:39 Orbit 시연 02:35 Snack에서 사용하기 03:20 Snack에서 작업하기 #리액트네이티브 #reactnative #expo #orbit #expo-orbit
[리액트네이티브에 Supabase 사용하기] 3. 모델 타입 불러오기
zhlédnutí 60Před 2 měsíci
[리액트네이티브에 Supabase 사용하기] 3. 모델 타입 불러오기
[리액트네이티브에 Supabase 사용하기] 2. Prisma로 DB 관리
zhlédnutí 127Před 2 měsíci
[리액트네이티브에 Supabase 사용하기] 2. Prisma로 DB 관리
좋은 영상을 올려주셔서 감사합니다. 파일을 직렬화하고 역직렬화 하는 과정을 거쳐야 업로드가 되는군요..! 웹 플랫폼이 얼마나 많은 일을 해 주고 있는지 새삼 느낍니다. 쉬운게 하나도 없군요..
유튜브에서 (심지어 한글로 된) 이런 컨텐츠를 볼 수 있다는 게 참 기쁩니다. 매우 유익한 내용을 영상으로 남겨주셔서 감사합니다. 작업하다가 저도 가끔씩 마주친 주제도 있고, 처음 보는 주제들도 있네요. 영상 덕분에 미리 알게되어 나중에 비슷한 상황을 겪게 되면 보다 빠르게 대처할 수 있겠네요 감사합니다 :) 오픈소스에 기여하시는 모습이 참 보기 좋습니다. 제게도 큰 귀감이 되네요. 부디 이 컨텐츠 쭉 이어가주세요! 영상 잘 보고 갑니다.
힘이 되는 말씀 감사합니다. 꾸준히 올려 보도록 하겠습니다 :)
으아니 샌드버드로 삽질하는 와중에 이런 밋업이 생겼군요 ㅋㅋㅋ😂
8월 28일에 뵙겠습니다 😆
감사합니다
감사합니다! supabase에서 kakao 로그인도 궁금합니다!!
넵 시간 내서 다루어보도록 하겠습니다!
이분 좋은 라이브러리와 좋은 영상 엄청 많은데 얼마나 RN이 인기가 없으면 댓글 하나 없는게 너무 슬프네요😢
영상의 정보가 좋은 것과 별개로 로티는 RN에서만 쓰는것도 아닌데 그냥 영상이 자극적이지 않아서 어그로가 덜끌리는듯.
너무 빨라서 무슨말인지…
죄송합니다. 내용을 모두 담고 싶어서 욕심을 부렸네요
오호 이런게 있었군요
좋은 발표 감사합니다! 큰 도움이 됩니다! 개인적으로 안되는게 코드젠을 해도 스펙파일대로 ios android 코드가 생성이 안되던데 뭐가 문제일까요?
발표자분께 문의드려놨습니다!
Codegen은 현재 React Native코어에 내장되어있어 React Native버전에 따라 사용법이 상이할 수 있습니다. 현재는(0.74.x 기준) Android에선 example project의 gradle task로 실행을 시키는게 좋아보이고, iOS에서는 react-native cli에 내장된(현재 cli도 react native에 내장되어있습니다.) `react-native codegen` 을 사용하는 것으로 하고있습니다. React Native New Architecture Working Group의 최신 가이드를 참고하시거나 관련 이슈를 찾아보시는걸 추천드립니다.
지나가던 뉴비입니다 네이티브 파일이란게 뭘까요?
안녕하세요~ 네이티브 파일이란 자바스크립트 레이어에서 직접 접근할 수 없는, 네이티브 레이어에서 필요한 리소스 파일을 의미합니다. 이러한 파일들은 Android나 iOS 플랫폼의 특정 기능을 구현하거나 플랫폼에 종속적인 리소스를 포함할 때 사용됩니다.
@@crossplatformkorea 와 그런게 가능한거엿군요 설명 감사합니다
Ollama 다운받아서 설치했는데 실행이 안되네요.. 컴퓨터 사양이 어떻게 되야 하나요?
어떻게 안되시나요? 오류 메시지를 알려주시면 한번 저도 보겠습니다. 컴퓨터 사양은 m1 macbook pro 입니다.
마지막에 소스코드 살펴보기까지 영상 내용이 정말 좋네요. 항상 잘 보고 갑니다 :)
친절하게 칭찬해주시고 포인트도 확실하게 집어주셔서 감사합니다. 앞으로 소스코드를 함께 살펴보는 부분을 더 다루면 좋겠다는 생각이 드네요!
혹시 pipx로 `posting`을 설치했는데 명령어가 인식되지 않는다면, `zsh profile`에 아래 환경 변수를 등록해보세요. ```sh export PATH=$PATH:${HOME}/.local/bin ```
continue가 로컬 llm을 자동감지하는건가요?
Default로 선택된 LLM이 있을 건데 명령어를 사용하여 원하시는 LLM을 다운로드 받고 추가로 설정할 수 있습니다.
이 코파일럿으로 앱 게임도 만들수 있나요?
코파일럿은 코딩 보조 도구로, 직접 게임을 만들어주는 것은 아니지만 게임 개발 시 유용하게 사용할 수 있습니다.
@@crossplatformkorea 코파일럿 코딩 무료로 배울수 있는 사이트나 유투부 영상 아시는 거 있으시면 공유 부탁드립니다.
공식 문서 한번 보셨을까요? docs.github.com/en/copilot
@@crossplatformkorea 네 감사합니다.
메인테이너가 릴리즈하고 pr리뷰한거 다시보는 컨텐츠 진짜 좋은 거 같아요 😊 ui시스템이나 모노레포 이야기도 들어보고 싶습니당
dooboo-ui에 대해 아시나요?
@@crossplatformkorea 네! 그래서 얘기 꺼낸 거였어요
그것을 알다니 영광입니다! 모노레포에 대해서 한번 다뤄보겠습니다!
UI 시스템의 경우, 디자이너의 역량과 이를 잘 소화하는 개발자의 시각이 매우 중요합니다. 도움이 얼마나 될지 모르겠지만 관련 영상도 공유드립니다. czcams.com/video/Zbph_vQwGc0/video.html
안녕하세요! expo관련 영상 너무 잘 보고있습니다!! 혹시 앱이 디컴파일이 쉬워서 앱에서 백엔드 api가 아닌 디비에 바로 접근하는 방식이 보안에 취약하다고 들었는데 말씀하신 방식으로 앱에서 바로 supabase나 firebase를 사용하는게 문제가 되는 점이 있을까요??
BaaS 서비스들이 데이터베이스에 바로 접근한다고 하는 것은 사실이 아닙니다. BaaS는 API를 통해 추상화된 방식으로 데이터에 접근하며, 직접적으로 데이터베이스에 접근하지 않습니다. 보안 이슈는 항상 존재할 수 있으며, AWS를 백엔드로 사용하는 회사들도 예외는 아닙니다. 이를 보완하기 위해 기본적인 보안 조치를 철저히 하는 것이 중요합니다. Firebase는 Security Rules를 제공하고, Supabase는 RLS(Row Level Security)를 통해 데이터를 논리적으로 방어하는 방법을 제공합니다. 이는 데이터베이스를 보수적으로 방어하는 방법보다 오히려 더 안전할 수 있습니다. 요즘 보안은 네트워크 단에서 이루어지는 경우가 많아, 데이터베이스에 접근하게 되면 모든 정보가 노출될 수 있기 때문입니다.
@@crossplatformkorea 상세한 답변 너무너무 감사드립니다!! 😊😊 완벽 이해했습니다!!!
@@crossplatformkorea expo 앱에 prisma 적용하면서 이해가 안되는 부분이 있어 질문드립니다!! 위 말씀대로 추상화된 방식으로 데이터에 접근하는게 supabase에서 제공해주는 클라이언트 라이브러리를 사용하는것이라고 이해를 했습니다. 하지만 expo app에서 prisma를 사용하기 위해 env파일에 database의 url과 계정 정보를 포함시키는 방식은 디비가 직접적으로 노출되고 RLS를 적용한다고 해도 보안적으로 문제가 되지 않나요?? 혼자 사이드프로젝트를 진행하는데 제가 부족한게 많네요 ㅠㅠ 감사합니다!
@@user-om6xg1np7m 현재 Prisma는 React Native에서 별도의 API를 제공하는 방식이 아닌, 로컬 데이터베이스(SQLite)를 Prisma API를 사용해 작업할 수 있게 도와줍니다. 이후 서버가 필요할 때 백엔드 데이터베이스와 stealth하게 동기화하는 모델을 채택하고 있습니다(local-first database). 이는 Firebase가 로컬에서 데이터를 처리하고 네트워크가 연결되면 업데이트된 데이터를 동기화하는 방식과 유사합니다. 그러나 현재 Prisma를 React Native에서 사용하는 것은 매우 제한적이며, local-first database 모델의 동기화 부분이 명확하지 않기 때문에, 현재 개발 중인 앱에서는 사용을 자제하는 것이 좋습니다. 대신, Supabase와 같은 더 잘 지원되는 서비스를 고려해보는 것을 추천드립니다. 영상은 Prisma가 어떤 그림을 그리고 있는 단순 참고용으로 제작되었습니다.
@@crossplatformkorea 동작 방식을 이해를 잘 못하고있었네요! 상세한 답변 감사합니다 ㅎㅎ
와우 ~ 좋은 컨텐츠 감사합니다. 구독 눌렀어요
저도 코파일럿 결제해서 별 생각 없이 사용하고 있었는데, 덕분에 ollama 사용해보고 있습니다! 성능이 꽤 만족스럽네요 ㅎㅎ 감사합니다.
유료인데도 불구 하고 빌드 시간이 아쉽네요
빌드는 기존 컴파일러들을 활용하는 것이라 어쩔 수 없을 것 같습니다 🥲
서드파티 플러그인도 엑스포의 프로토콜을 따라 개발해야 orbit의 잇점을 다 가져갈 수 있겠군요?
단순히 쉽게 에뮬레이터를 선택하거나 스낵에 코드를 작성하고 실행하는 것만으로도 유용하게 사용할 수 있을 것 같아요!
혹시 GPU 어떤 것으로 쓰시고 llama3:70b 추론 구동시 VRAM 사용량 어떻게 되는지 알 수 있을까요? 좋은 영상 감사합니다.
MacBook Pro M1 환경인데 Continue를 사용시 추론이 어떻게 되는지 알아봐야할까요? 조금 자세히 알려주시면 시도해보겠습니다!
코파일럿과 성능이 어떠한가요 ?
글쎄요. 정확히 측정해본 것은 아니고 사용중인데 저는 차이를 크게 못느끼고 쓰고 있습니다.
도움되는 플러그인이 많네요. 잘봤습니다
너무 느려서 답답하던디요..ㅠ
그런가요? 저는 딱히 못느끼고 잘 쓰고 있습니다 🤔
That's good! 💯
Thank you ☺️
서버는 공짜가 아니죠옹
로컬에 설치된 LLM을 쓰면 무료인데 어떤 서버를 말씀하시는건가요?
본인의 종만한 뇌 서버를 말하는 듯
Amazon Q 쓰는게 더 쉬울 것 같네요. 너무 복잡해요. AWS 에 계정을 갖고 있는 분들은 AWS tool kit 을 VS code extension 검색하는 곳에서 찾아서 설치하고 AWS 계정에 로그인하고 Q 를 열고 질문을 하면 됩니다. czcams.com/video/e6TvjXxiX10/video.html 물론 자동완성 기능도 있습니다.
??? ㅋㅋㅋ
재밌게 봐주세요 🙇🏻♂
감사합니다
Thank you 😊
Same here ☺️
Thanx for this 👏
강추합니다~
codestral 모델도 당분간 무료인걸로 알고 있습니다 autocomplete 지원됩니다
ollama 를 저렇게 사용할 수 있었군요.. 감사합니다.
최근에 supabase 사용해서 서비스 몇개를 배포 했는데, 이제 정말 fcm만 아니라면 파이어베이스를 완전히 대체할 수 있겠더군요. 가격 정책도 더 좋구요.
네 근데 firebase도 위기를 느낀건지 최근데 Data Connect라는 SQL 서비스를 내놨더라고요. czcams.com/video/7OdVatEI85o/video.html
한국의 theo 같아요. 요즘 정말 재밌게 보고있어요.
안녕하세요. 최근에 주변의 권유로 더 자주 영상을 올리려고 합니다. 그 와중에 이렇게 힘이 되는 말씀 너무 감사드립니다. 언제든지 필요한 콘텐츠가 있으면 이메일도 편하게 주셔도 좋습니다. 이메일 주소: crossplatformkorea@gmail.com
영상 잘 봤습니다. RN 팀은 코어에 집중하고, 나머지 부분은 커뮤니티가 자유롭게 성장할 수 있도록 환경을 구성한 점이 다른 플랫폼과 비교하여 더욱 두드러지는 것 같습니다.
시장 선점에는 여러 가지 접근 방식이 있는 것 같아요. 록펠러처럼 새로운 발명이 나오기 전에 시장을 미리 장악하는 방법도 있고, 비트코인처럼 생태계가 스스로 성장할 수 있도록 환경을 조성하는 방법도 있죠. 발명과 혁신에 따라 다양한 전략이 필요하고, 상황에 맞는 최적의 방법을 선택하는 것이 중요하다고 생각해요. 말씀하신 대로, 때로는 환경을 조성해 자연스럽게 발전하도록 돕는 게 더 나을 때가 있는 것 같아요. 덕분에 RN 팀도 적은 인력으로 큰 성장을 이뤘고요.
cdn 네트워크에 엑스포 서버를 배포할 수 있어야 하겠네요? expo도 vercel의 edge runtime 같은 것을 자사 cdn에 배치하게 될까요?
저와 비슷한 생각을 가지고 계시네요! 그동안 Expo는 수익 모델이 다소 부진했지만, 앞으로 next.js와 유사한 제품군을 출시할 가능성이 있다고 예상됩니다. 다만, Expo는 그동안 벤더 락인에 대해 강하게 부정해왔기 때문에 이를 어떻게 해소할지 기대가 됩니다. 네이티브와 웹을 통합한 올인원 Vercel 같은 상품이 나오면 꽤 큰 게임 체인저가 될 것 같은데요. 내부적으로도 이를 어떻게 활용할지 많은 논의가 있을 것으로 예상됩니다.
감사합니다. 잘 활용하겠습니다.
감사합니다!
와우~ 좋네요! 좋은 정보 감사합니다! 혹시 GitHub 말고 Azure DevOps 에서도 가능하겠죠?
별 말씀을요!! 구독 감사합니다 ☺
Azure에서는 안해봤는데 같은 회사니까 되지 않을까 싶어요!
아~~ 맥에서만 가능하네요?ㅜㅜ
넵 현재는 그러하옵니다 🥲 github.com/software-mansion/react-native-ide/issues/274
RN 을 처음 시작하는 사람입니다. 늘 좋은 영상 감사합니다. @react-native-community/cli 를 사용하시는 것이 눈에 띄입니다. RN 프로젝트의 스케폴딩 도구로는 @react-native-community/cli 가 가장 최신인 것일까요..?
처음 시작하시는 분들께는 Expo로 시작하는 걸 추천드려요! 예전에는 리액트 네이티브 공식 홈페이지에서 CLI로 시작하는 방법이 첫 페이지에 있었는데, 이제는 create-expo-app으로 하라고 권장하더라고요. 링크는 [여기](reactnative.dev/docs/environment-setup)예요. 이렇게 바뀐 이유는 업그레이드가 편하고, 여러 유용한 라이브러리와 툴들이 내장되어 있어서 입문자들이 더 쉽게 접근할 수 있기 때문일 것 같습니다. 하지만 여전히 제가 했던 것처럼 예전의 CLI 툴을 사용해서 리액트 네이티브 프로젝트를 만들 수 있습니다 😊
그리고 앱 개발을 시작할 때, 우선 UI 개발 연습에 집중하는 것을 추천 드려요. 앱을 만들 때 UI 컴포넌트를 배치하고, 반응형으로 만들며, 발생하는 UI 변화를 처리하는 작업이 전체 개발 시간의 절반 이상을 차지하거든요. 유튜브에서 제공하는 이 비디오를 통해 더 많은 정보를 얻어보세요: [UI 개발 연습 비디오](czcams.com/video/07ioPW-VKd4/video.html).
와우 유료로 써야될법한 기능들이네요
안 그래도 알게 모르게 Pricing 항목이 생겼더라고요. ide.swmansion.com/pricing
구독했습니다 영상 잘봤습니다!
도움이 되셨다니 기분이 좋습니다!
런타임 bun인가여?
넵 맞습니다 🙂
구독했습니다 앞으로도 좋은 영상 부탁드리겠습니다😄
감사합니다. 앞으로는 블로그 작성보다 접근성이 좋은 영상으로 기록을 해나가려고 합니다. 잘 부탁드립니다 🙇🏻♂️
감사합니다
오 좋네요
오