# cross platform

11개의 포스트
post-thumbnail

전생했더니 React Native이었던 건에 대하여

React Native란? React Native는 Meta에서 개발한 JavaScript 기반의 오픈 소스 프레임워크로, 모바일 앱을 개발하기 위한 도구다. React Native를 사용하면 iOS, Android에서 동작하는 네이티브 앱을 만들 수 있다. React Native는 React를 기반으로 하며, 네이티브 앱의 성능과 사용자 경험을 유지하면서 코드를 공유하고 재사용하는 것을 목표로 한다. React Native는 JS Bundle이 JS Thread에서 실행되며, 네이티브 모듈은 Native Thread에서 실행되어 JavaScript와 네이티브 코드 간의 상호작용을 통해 UI를 업데이트한다. React Native 이벤트 처리 과정 ![](https://velog.velcdn.

2023년 4월 24일
·
0개의 댓글
·

[ios 대응] ios기기에서 100vh 스크롤 이슈

📌 이슈사항 화면높이를 100vh로 지정하고자 할 때, 100vh의 영역이 아래와 같으리라 생각했다. 안드로이드 기기에서는 위와 같이 동작했지만 ios에서는 달랐다. screen의 높이가 하단 바까지 확장되어 인식되어 결과적으로 스크롤이 발생했다. 🛠️ 해결법 스크립트 작성과 더불어 css 처리가 필요하다. window.innerHeight는 하단바를 제외한 웹서비스가 display되는 영역의 높이로 계산된다. 따라서 이 높이에 0.01(100등분)을 곱한 값,--vh(custom prop

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

M1 멀티 아키텍처 플랫폼 image

멀티 아키텍처 플랫폼의 필요성 m1 맥북을 사용하다보면, 맥북에서 빌드한 이미지가, 서로 다른 CPU 아키텍처로 인해 서버 에러에서 실행할 수 없는 경우가 발생합니다. 다양한 플랫폼에서 지원되는 이미지를 빌드해야합니다. Buildx Docker는 multi-architecture 빌드 등, 다양한 빌드 옵션을 지원하는 CLI 플러그인을 제공합니다. Buildx는 19.03 이후 버전부터 사용이 가능하다고 하니 버전 확인이 필요합니다. 공식 문서에 따르면, Docker Desktop을 사용하는 Windows나 MacOS 사용자 혹은 DEB, RPM 패키지로 도커를 설치한 사용자들은 자동으로 Buildx 플러그인이 포함되어 있습니다. 사용 가능성 체크  `docker b

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

Electron 소개

Electron 이란? Electron은 Javascript 와 HTML, CSS 를 이용해 Desktop Application 을 만들 수 있는 프레임워크 입니다. 크로스 플랫폼을 지원 하기때문에 Javascript 만으로 Window, Mac, Linux등 다양한 운영체제의 어플리케이션을 개발 할 수 있습니다. NodeJS 로 로컬 시스템에 접근 할 수 있으며, Chrominum 으로 화면을 구성합니다. Electron의 동작 방식 Electron은 하나의 Main Process 와 Renderer Process 를 갖게 됩니다. Main Process 는 NodeJS 기반으로 동작을 하고 BrowserWindow 를 이용해 창을 만들고 관리하며 Application lifecycle을 관리할 수 있습니다. Main Process와 Renderer Process 는 ipcMain, ipcRenderer 와 같은 IPC 모듈을 이용해서 프로세스간 통신을 합니

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

TIL - 1일차 : Cross Platform or Multi platform

Cross Platform or Multi Platform이란? 2개 이상의 OS(운영체제)에서 동작할 수 있다는 것 또는 그런 프로그램을 만들 수 있다는 것을 말하는 컴퓨터 용어입니다. 예를 들어 A이라는 프로그램이 Android핸드폰에서 동작하면서 ios핸드폰에서 작동을 한다면 A는 크로스 플랫폼이라고 할 수 있습니다. C언어 .png) 대표적으로 C언어는 크로스 플랫폼을 지원하지 않는언어입니다. C언어의 소스코드를 Windows에서 컴파일하고 나온 .exe파일을 MacOS에서 실행 시킬 수 없습니다. 만약 MacOS에서 실행하고 싶으면 새롭게 소스코드를 컴파일 해야 합니다. Java ![](https://images.velog.io/images/soon2

2022년 2월 28일
·
0개의 댓글
·
post-thumbnail

[크로스 플랫폼 이슈] Mobile IOS에서 흰 화면이 나오는 문제

문제 발생 스크림도르 MVP 개발을 거의 마치고 이제 빌드해서 배포를 하는 단계. 여러 플랫폼에서 사용을 시도해보던 중 문제가 발생했다. 바로 아이폰에서만 흰 화면이 나온다는 것! Safari, chrome 가리지 않고 문제가 발생했다. 모바일 화면이라서 디버깅도 어떻게 하는 지 몰라 막막해서 일단 구글링을 시작했다. 디버깅 다행히도 아이폰을 mac과 연결해서 디버깅을 할 수 있었다. https://d0gf00t.tistory.com/41 그렇게 연결한 디버깅 툴에서 나온 한 문장 > cant' find variable : Notification 당장 MDN에 달려가서 Notofication api를 확인해보았다. 이럴수가. Notification api는 모바일 saf

2021년 12월 7일
·
0개의 댓글
·
post-thumbnail

Delphi Multi-Device App Configuration

Notice 이 글은 Delphi Multi-Device Application 설정을 위한 글입니다. Delphi RAD Studio 10.1 Berlin을 기준으로 합니다. Android 디바이스를 기준으로 합니다. SDK 및 NDK 설정 또한 Android를 기준으로 합니다. OS는 Windows 10을 기준으로 합니다. (Mac 사용자들 따위는 필요없으니 나가주시면 감사하겠습니다.) 기본적으로 RAD Studio에서는 Android SDK 및 NDK를 지원하니, 설치에 문제가 생겼을 때에만 이 문서를 참고하시기 바랍니다. Index Delphi Multi-Device Application Android SDK & NDK (+ Build Tool) SDK 설치 NDK 설치 Delphi & Android Integration Android SDK 연결 빌드 및 실행 Refe

2021년 8월 5일
·
0개의 댓글
·
post-thumbnail

기술면접 03

Reference 01 Reference 02 Native App Android 또는 iOS 같은 어떤 구체적인 플랫폼만을 위해 만들어진 응용 프로그램을 네이티브 앱(Native App)이라고 한다. Android 모바일 앱 개발의 경우는 Kotlin 또는 Java로 네이티브 앱을 만들 수 있고 iOS의 경우 Swift 또는 Objective C로 만들 수 있다. 앱의 실행 속도가 빠르고 유용한 API의 지원도 받을 수 있는 장점이 있는 반면 다른 운영체제에서도 실행되기 위해서는 시간도 노력도 돈도 많이 드는 단점이 있다. 장점 사용자에게 가장 빠르고 안정적이며 반응이 빠른 환경을 제공 다양한 네이티브 기능을 쉽게 활

2021년 4월 30일
·
0개의 댓글
·
post-thumbnail

React 입문(5) : react-device-detect : Library for Cross-Platform Application Development (last update: 2020.12.21.)

2. react-device-detect : for Crossing-Platform Notion의 React.js Libraries & API 통합 페이지 바로가기 0. References react-device-detect -npmjs.com [Is it possible to use if...else... statement in React render function? -stackoverflow](https://stackoverflow.com/ques

2020년 12월 21일
·
0개의 댓글
·

App: native vs. cross platform vs. hybrid

네이티브 앱 vs. 크로스 플랫폼 앱 vs. 하이브리드 앱 네이티브 앱 크로스플랫폼 앱 하이브리드 앱 결론과 의사결정 네이티브 앱 vs. 크로스 플랫폼 앱 vs. 하이브리드 앱 최근 스마트폰 보급률은 전체 100% 중 95%나 차지한다고 한다. 일본, 중국, 미국 이나 유럽권 국가도 80~90% 정도의 점유율을 차지하는 반면, 대한민국에서는 굉장히 큰 수치라고 할 수 있다. 스마트폰은 일반 전화기보다 다양한 기능을 사용할 수 있고, 이를 사용하여 생활의 편리함을 제공한다. 다만 보통 2가지의 OS로 갈린다. iOS Android iOS는 애플의 스마트폰 시리즈인 아이폰이나 태블릿인 아이패드에 올라오는 운영체제이다. Android는 Google이 무료로 제공하는 오픈소스 스

2020년 8월 31일
·
0개의 댓글
·

flutter는 혁명인가?

flutter.png what about flutter 플러터는 최근 큰 이슈가 되고 있다. 플러터는 짧은 시간 안에 커다란 모습을 안겨주었다. 이러한 것은 스타트업과 대기업에 깊은 인상을 심어주고 있다. 어플리케이션 마켓시장의 열풍이 거세어지자, 기업들은 청중들의 용기를 얻기 위해서 모든 수단을 동원하고 있다. 그들은 모든 플랫폼뿐만 아니라 사용자의 경험과 기능적인 면에서 보장한다. 플러터는 비록 처음이지만, 회사들이 하나의 코드로 android와 ios를 위한 아름다운 모바일 앱을 개발할 수 있게 증명한다. 플러터가 혁명으로 만드는 것을 살펴보자. 더 넓은 범위를 제공 플러터를 사용하는 것은 android와 ios 플랫폼 모두를 대상으로 앱을 개발할 수 있으며, 고객에게 더 넓은 범위를 제공하

2019년 11월 26일
·
0개의 댓글
·