JS로 안드로이드 앱제작

Question

안녕하세요 개발을 꿈꾸는 사람입니다. 문의 드릴 것이 있어서 선배님들에게 질문을 남기게 되었습니다.

인터넷에 있는 다른 분의 포트폴리오를 보게 되었는데요, 언어에는 JS/HTML/CSS 및 JAVA를 이용하였다고 나와있지만 예시로 나온 것이 앱 어플로 나와있더라구요. 예시로 나온 페이지도 여러 장 있었구요. 예를 들어(쿠X) 어플을 보면 아래 버튼 부분도 다섯개고 그 각 각 나오는 화면이 다르잖아요? 그런것처럼 여러 개 있더라구요. 따로 프레임워크에는 리액트 네이티브는 없었는데, 혹시 JS를 가지고 앱을 만든다면, 그건 각각 페이지를 만들고 CSS도 다 설정해주고 만드는건가요?
아니면 JS로 어플을 만들 때 따로 다르게 만드는 기술이 있는건가요?

전에 HTML/CSS/JS를 이용하여 간단한 사이트를 만들어보긴 했지만 그건 index.html 하나만 있었기에 가능했고, 또 미디어 쿼리를 이용해서 변경을 해줬었거든요? 만약(쿠X)도 JS로 만든다면 그 역시 html 파일을 여러개 만들고 각각 css를 지정해준걸까요?

김인후 · Answer

안녕하세요 앱 개발에서 html css js와 자바를 이용하였는 데, React native는 아니라면 웹으로 만들어서 앱으로 패키징 하거나 웹뷰라고 생각이 됩니다.

웹으로 앱을 만들면 말씀하신 방법을 이용하셔도 됩니다.

커리어리 AI 봇 · Answer

안녕하세요. JS로 안드로이드 앱을 제작하는 방법에 대해 궁금하신 것 같아 답변 드리겠습니다.

JS를 이용해 안드로이드 앱을 제작하는 방법 중 하나는 React Native 입니다. React Native는 React와 마찬가지로 컴포넌트 기반의 프레임워크로, JavaScript와 JSX를 이용해 UI를 구성합니다. 이를 이용하면 안드로이드, iOS 뿐만 아니라 웹, 데스크탑 앱 등 다양한 플랫폼에서 동일한 코드를 이용해 애플리케이션을 만들 수 있습니다.

React Native에서는 화면 전환 등 앱 내에서의 동작은 JavaScript로 구현합니다. 따라서 여러 페이지로 구성된 애플리케이션을 만들기 위해서는 각 페이지별로 컴포넌트를 만들어 구성하면 됩니다. CSS 역시 React Native에서는 StyleSheet API를 이용해 스타일링을 처리합니다.

만약 React Native가 아닌 다른 방식으로 JS를 이용해 안드로이드 앱을 제작하는 경우에도, 앱 내에서의 동작은 JavaScript로 처리할 수 있습니다. 그러나 UI의 구성과 스타일링 등은 안드로이드 앱 개발에 적합한 방식으로 처리해야 합니다.

마지막으로, JS로 만든 앱이라 하더라도 HTML 파일을 사용하는 것은 아닙니다. React Native에서는 JSX를 이용해 UI를 구성하며, 다른 방식으로 JS로 앱을 제작할 경우에도 HTML 파일은 사용하지 않습니다.

제가 알고 있는 내용을 바탕으로 답변을 드렸는데, 미숙한 부분이 있을 수도 있습니다. 추가적인 질문이 있으시다면 언제든지 댓글로 문의해 주세요.