웹앱 개발 가이드

안녕하세요 행복이 여러분~ 교저스입니다!💎 만나서 반갑습니다. 브리즈를 개발하면서 처음으로 웹이 아닌 웹앱을 개발하게 됐습니다. 웹앱은 어떻게 개발해야 하는지 알아볼까요?!

웹앱 구현 방법

1. URL을 다르게 하여 일반 웹/웹앱 각각 구현

• 예시: 네이버 https://www.naver.com, https://m.naver.com
  

2. 동일한 URL에서 반응형으로 구현

• 예시: 애플 https://www.apple.co.kr
  

상세 조사

• m.naver.com 의 viewport 별 화면 비교
  

• 일반 웹에서는 3열, 웹앱에서는 1열로 반응형 구현

• 가로를 극단적으로 줄이면 앙가지긴 하지만(기타 참고) 웬만한 모바일 크기에서는 정상적으로 보임

결론

• 특별한 조치 필요 없이 평소대로 웹 구현하듯이 구현
• 단, 개발자 도구에서 모바일 뷰포트 크기 기준으로 + 컴포넌트 가운데 정렬하여 구현하면 일반 웹에서도 크게 망가지지 않을 것으로 보임