20240327 TIL #65

[1] 웹과 앱을 개발하는 것의 차이

 

(1) 웹 앱

1. 프레임

• 웹 프레임, 앱 프레임을 따로 만들어야 함

1. 안드로이드 vs iOS

• iOS가 제약이 더 크기 때문에 iOS에 맞춰서 하면 안드로이드도 커버할 수 있음.
• iOS의 경우 홈 indicator가 있어서 화면 하단에서 조금 띄워서 컴포넌트를 배치해야 함.

1. 반응형 디자인으로 개발

• 앱으로 먼저 개발하고 데스크탑은 넓게 펼치면 됨.
• 데스크탑도 프레임을 어떻게 설정할지 정해야 함.
• 데스크탑 : 양쪽 마진 ⇒ 360px (1920), 40px (1020)

(2) 구현 방식의 차이

1. 웹에서는 여러 컴포넌트를 구역을 나눠서 렌더링
2. 앱은 크기가 작기 때문에 웹처럼 구현할 수 없기 때문에 다른 방법으로 구현해야 함.

• 한 페이지에서 전체 컴포넌트를 Tab으로 렌더링하는 방식
• 각 화면전환을 URL로 분리해서 여러 개의 페이지로 출력하는 방식