아하
생활

생활꿀팁

유연한돌고래60
유연한돌고래60

동일한 코딩으로 피씨 브라우저, 모바일 브라우저, 안드로이드, iOS 커버 가능한 방법이 있을까요?

현재 피씨 버전의 전통적인 웹사이트를 운영하고 있습니다.

또한 스마트폰에 최적화된 모바일 웹도 있습니다.

안드로이드, iOS 앱도 각각 운영중입니다.

현재의 문제점은 4개의 각 시스템이 존재하기에 동일한 서비스를 하려면 개발팀에서 4번의 작업을 거쳐야 하는 것입니다. 요즘 새로운 기술들이 많이 나오고 있는데, 다른 방법이 없을까요? 이런 경우 어떻게 하는게 효과적인 개발일까요?

55글자 더 채워주세요.
1개의 답변이 있어요!
  • 하얀고슴도치236
    하얀고슴도치236

    모바일 웹과 PC 웹은 "반응형" 웹으로 제작하시면 애초부터 화면 크기에 맞춰서 알아서 변형이 되기때문에

    크게 두 사이트의 UI나 기능이 차이나는게 아니라면 한번의 프론트 작업으로도 두 사이트를 수정할수있습니다.

    추가적으로 URL 등도 통일하여 사용할수있기때문에 요즘엔 많이들 이렇게 사용합니다.

    다만 기본적으로 모바일용 PAGE 전용의 기능이나 큰 UI 변경이 많은경우에는 아예 http://m.naver.com 처럼 따로 사용하기도 합니다.

    결론적으로 말씀드리자면 "반응형" 으로 제작하시면 우선 PC와 모바일 버전의 "웹"은 한번에 통일 가능합니다.

    "안드로이드, iOS 앱도 각각 운영중입니다."

    >> 두개가 만약에 웹앱 등으로 만들어져서 그냥 단순히 모바일버전용 웹페이지를 보여주는것 뿐이라면, 이는 리엑트 네이티브 등으로 간단한 웹뷰모듈만 얹어도 한번의 코딩으로 4개의 케이스 전부 90%이상 동기화가 가능합니다. (OS별 자잘한 세팅등이 10%...)

    또한 각자 다른 네이티브 앱으로 되어있더라도 리엑트 네이티브 등을 사용하여 IOS와 안드로이드는 우선 통일이 어느정도 가능합니다.

    따라서 현재 개발하고있는 앱이 네이티브 앱인지, 웹앱인지 확인을 먼저 해보심이 좋구요.

    부가적으로 반응형으로 화면을 만들어줄 퍼블리셔를 구하시면 될것같습니다.

    참고로 아래는 리엑트 네이티브 관련 참조할만한 URL 입니다.

    https://medium.com/@jang.wangsu/rn-react-native%EC%9D%98-%EC%9E%A5%EB%8B%A8%EC%A0%90%EC%9D%80-6e8a2396eea1

    https://brunch.co.kr/@kmongdev/11

    http://woowabros.github.io/experience/2018/05/19/build-app-by-react-native.html

    https://academy.nomadcoders.co/p/create-a-kawai-to-do-app-with-react-native