วีดีโอ

네~ 프리랜서 디자이너분께서 제공해주신 디자인을 기반으로, 여유 시간을 활용해 개발을 진행하게 되었습니다.

그리고 공익 목적으로 오픈소스로 제공 하였으니 참고 바랍니다. github.com/crossplatformkorea/cpk

도움이 되었길 바랍니다!

@@crossplatformkorea RN의 미래는 어떨까요? 리액트 컴파일러가 정식도입 되면 RN의 성능도 더 개선될것 같은데 어떻게 생각하시는지 궁금 합니다

React 컴파일러가 정적 최적화를 지원하면 불필요한 JS 코드를 줄이고, 네이티브와의 상호작용을 더 효율적으로 관리할 수 있기 때문에 렌더링 성능이 향상되고 앱 크기도 줄어들어 전반적인 사용자 경험이 좋아질 것으로 기대됩니다. React Native의 새로운 아키텍처가 발표된 후 5년이 지나면서 서서히 산업에 적용되고 속도가 붙기 시작했습니다. 과거에는 새로운 아키텍처에 대한 업데이트가 다소 느린 감이 있어 개발자들이 Flutter로 이탈하기도 했으나, 최근 새로운 아키텍처가 본격적으로 도입되면서 다시 많은 개발자가 React Native로 돌아오는 양상을 보이고 있습니다. 그 와중에 Flutter는 큰 혁신이 없었던 것도 한 요인입니다. 따라서 미래에 대해 궁금하시다면, React Native만큼 연속적으로 혁신적인 결과를 보여주는 플랫폼은 없기 때문에 전망이 매우 밝다고 생각합니다.

@@crossplatformkorea 자세한 설명 정말 감사드립니다. 저도 해당 말씀에 공감하는바이며 앞으로 네이티브앱보다 크로스플랫폼이 대세가 될것 같습니다.

@@gaengedev2583 종종 크로스플랫폼 앱은 품질이 좋아서가 아니라 비용이 저렴해서 사용한다는 의견이 있습니다. 하지만 더 중요한 포인트는 유지보수 비용을 크게 절감할 수 있다는 점입니다. 많은 기업들이 기존에 개발한 네이티브 앱을 크로스플랫폼으로 마이그레이션하는 이유도 이와 같습니다. (초기 앱 개발 비용도 많이 들지만 장기적인 관점에서는 유지보수 비용이 훨씬 더 많이 발생합니다) 물론, 무조건 크로스플랫폼이 정답은 아니지만, 대부분의 서비스 중심 기업들은 네이티브 기능보다 콘텐츠와 기능 개선을 더 빠르고 효율적으로 진행할 수 있기를 원합니다. 크로스플랫폼은 이러한 요구를 충족시켜주기 때문에 선택되는 경우가 많습니다.

8:30 exports를 쓰는 이유가 이런 거였군요

보는 김에 영상 틀어놓고 녹화하는 게 볼 만하나 보네요. 피드백 감사합니다

좋은 말씀 감사합니다

힘이 되는 말씀 감사합니다. 꾸준히 올려 보도록 하겠습니다 :)

8월 28일에 뵙겠습니다 😆

넵 시간 내서 다루어보도록 하겠습니다!

영상의 정보가 좋은 것과 별개로 로티는 RN에서만 쓰는것도 아닌데 그냥 영상이 자극적이지 않아서 어그로가 덜끌리는듯.

죄송합니다. 내용을 모두 담고 싶어서 욕심을 부렸네요

발표자분께 문의드려놨습니다!

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 와 그런게 가능한거엿군요 설명 감사합니다

어떻게 안되시나요? 오류 메시지를 알려주시면 한번 저도 보겠습니다. 컴퓨터 사양은 m1 macbook pro 입니다.

친절하게 칭찬해주시고 포인트도 확실하게 집어주셔서 감사합니다. 앞으로 소스코드를 함께 살펴보는 부분을 더 다루면 좋겠다는 생각이 드네요!

Default로 선택된 LLM이 있을 건데 명령어를 사용하여 원하시는 LLM을 다운로드 받고 추가로 설정할 수 있습니다.

코파일럿은 코딩 보조 도구로, 직접 게임을 만들어주는 것은 아니지만 게임 개발 시 유용하게 사용할 수 있습니다.

@@crossplatformkorea 코파일럿 코딩 무료로 배울수 있는 사이트나 유투부 영상 아시는 거 있으시면 공유 부탁드립니다.

공식 문서 한번 보셨을까요? docs.github.com/en/copilot

@@crossplatformkorea 네 감사합니다.

dooboo-ui에 대해 아시나요?

@@crossplatformkorea 네! 그래서 얘기 꺼낸 거였어요

그것을 알다니 영광입니다! 모노레포에 대해서 한번 다뤄보겠습니다!

UI 시스템의 경우, 디자이너의 역량과 이를 잘 소화하는 개발자의 시각이 매우 중요합니다. 도움이 얼마나 될지 모르겠지만 관련 영상도 공유드립니다. th-cam.com/video/Zbph_vQwGc0/w-d-xo.html

BaaS 서비스들이 데이터베이스에 바로 접근한다고 하는 것은 사실이 아닙니다. BaaS는 API를 통해 추상화된 방식으로 데이터에 접근하며, 직접적으로 데이터베이스에 접근하지 않습니다. 보안 이슈는 항상 존재할 수 있으며, AWS를 백엔드로 사용하는 회사들도 예외는 아닙니다. 이를 보완하기 위해 기본적인 보안 조치를 철저히 하는 것이 중요합니다. Firebase는 Security Rules를 제공하고, Supabase는 RLS(Row Level Security)를 통해 데이터를 논리적으로 방어하는 방법을 제공합니다. 이는 데이터베이스를 보수적으로 방어하는 방법보다 오히려 더 안전할 수 있습니다. 요즘 보안은 네트워크 단에서 이루어지는 경우가 많아, 데이터베이스에 접근하게 되면 모든 정보가 노출될 수 있기 때문입니다.

@@crossplatformkorea 상세한 답변 너무너무 감사드립니다!! 😊😊 완벽 이해했습니다!!!

@@crossplatformkorea expo 앱에 prisma 적용하면서 이해가 안되는 부분이 있어 질문드립니다!! 위 말씀대로 추상화된 방식으로 데이터에 접근하는게 supabase에서 제공해주는 클라이언트 라이브러리를 사용하는것이라고 이해를 했습니다. 하지만 expo app에서 prisma를 사용하기 위해 env파일에 database의 url과 계정 정보를 포함시키는 방식은 디비가 직접적으로 노출되고 RLS를 적용한다고 해도 보안적으로 문제가 되지 않나요?? 혼자 사이드프로젝트를 진행하는데 제가 부족한게 많네요 ㅠㅠ 감사합니다!

@@이냥코-j5p 현재 Prisma는 React Native에서 별도의 API를 제공하는 방식이 아닌, 로컬 데이터베이스(SQLite)를 Prisma API를 사용해 작업할 수 있게 도와줍니다. 이후 서버가 필요할 때 백엔드 데이터베이스와 stealth하게 동기화하는 모델을 채택하고 있습니다(local-first database). 이는 Firebase가 로컬에서 데이터를 처리하고 네트워크가 연결되면 업데이트된 데이터를 동기화하는 방식과 유사합니다. 그러나 현재 Prisma를 React Native에서 사용하는 것은 매우 제한적이며, local-first database 모델의 동기화 부분이 명확하지 않기 때문에, 현재 개발 중인 앱에서는 사용을 자제하는 것이 좋습니다. 대신, Supabase와 같은 더 잘 지원되는 서비스를 고려해보는 것을 추천드립니다. 영상은 Prisma가 어떤 그림을 그리고 있는 단순 참고용으로 제작되었습니다.

@@crossplatformkorea 동작 방식을 이해를 잘 못하고있었네요! 상세한 답변 감사합니다 ㅎㅎ

빌드는 기존 컴파일러들을 활용하는 것이라 어쩔 수 없을 것 같습니다 🥲

단순히 쉽게 에뮬레이터를 선택하거나 스낵에 코드를 작성하고 실행하는 것만으로도 유용하게 사용할 수 있을 것 같아요!

글쎄요. 정확히 측정해본 것은 아니고 사용중인데 저는 차이를 크게 못느끼고 쓰고 있습니다.

그런가요? 저는 딱히 못느끼고 잘 쓰고 있습니다 🤔

Thank you ☺️

로컬에 설치된 LLM을 쓰면 무료인데 어떤 서버를 말씀하시는건가요?

본인의 종만한 뇌 서버를 말하는 듯

재밌게 봐주세요 🙇🏻‍♂

Same here ☺️

네 근데 firebase도 위기를 느낀건지 최근데 Data Connect라는 SQL 서비스를 내놨더라고요. th-cam.com/video/7OdVatEI85o/w-d-xo.html

안녕하세요. 최근에 주변의 권유로 더 자주 영상을 올리려고 합니다. 그 와중에 이렇게 힘이 되는 말씀 너무 감사드립니다. 언제든지 필요한 콘텐츠가 있으면 이메일도 편하게 주셔도 좋습니다. 이메일 주소: crossplatformkorea@gmail.com

시장 선점에는 여러 가지 접근 방식이 있는 것 같아요. 록펠러처럼 새로운 발명이 나오기 전에 시장을 미리 장악하는 방법도 있고, 비트코인처럼 생태계가 스스로 성장할 수 있도록 환경을 조성하는 방법도 있죠. 발명과 혁신에 따라 다양한 전략이 필요하고, 상황에 맞는 최적의 방법을 선택하는 것이 중요하다고 생각해요. 말씀하신 대로, 때로는 환경을 조성해 자연스럽게 발전하도록 돕는 게 더 나을 때가 있는 것 같아요. 덕분에 RN 팀도 적은 인력으로 큰 성장을 이뤘고요.

저와 비슷한 생각을 가지고 계시네요! 그동안 Expo는 수익 모델이 다소 부진했지만, 앞으로 next.js와 유사한 제품군을 출시할 가능성이 있다고 예상됩니다. 다만, Expo는 그동안 벤더 락인에 대해 강하게 부정해왔기 때문에 이를 어떻게 해소할지 기대가 됩니다. 네이티브와 웹을 통합한 올인원 Vercel 같은 상품이 나오면 꽤 큰 게임 체인저가 될 것 같은데요. 내부적으로도 이를 어떻게 활용할지 많은 논의가 있을 것으로 예상됩니다.

감사합니다!

별 말씀을요!! 구독 감사합니다 ☺

Azure에서는 안해봤는데 같은 회사니까 되지 않을까 싶어요!

넵 현재는 그러하옵니다 🥲 github.com/software-mansion/react-native-ide/issues/274

처음 시작하시는 분들께는 Expo로 시작하는 걸 추천드려요! 예전에는 리액트 네이티브 공식 홈페이지에서 CLI로 시작하는 방법이 첫 페이지에 있었는데, 이제는 create-expo-app으로 하라고 권장하더라고요. 링크는 [여기](reactnative.dev/docs/environment-setup)예요. 이렇게 바뀐 이유는 업그레이드가 편하고, 여러 유용한 라이브러리와 툴들이 내장되어 있어서 입문자들이 더 쉽게 접근할 수 있기 때문일 것 같습니다. 하지만 여전히 제가 했던 것처럼 예전의 CLI 툴을 사용해서 리액트 네이티브 프로젝트를 만들 수 있습니다 😊

그리고 앱 개발을 시작할 때, 우선 UI 개발 연습에 집중하는 것을 추천 드려요. 앱을 만들 때 UI 컴포넌트를 배치하고, 반응형으로 만들며, 발생하는 UI 변화를 처리하는 작업이 전체 개발 시간의 절반 이상을 차지하거든요. 유튜브에서 제공하는 이 비디오를 통해 더 많은 정보를 얻어보세요: [UI 개발 연습 비디오](th-cam.com/video/07ioPW-VKd4/w-d-xo.html).

안 그래도 알게 모르게 Pricing 항목이 생겼더라고요. ide.swmansion.com/pricing