(1) 웹 애플리케이션 vs 웹 사이트
( 웹 애플리케이션 = 웹 앱 = 웹 서비스 )
≈ ( 웹 사이트 = 웹 페이지 = 웹 = 사이트 = 페이지 )
웹 사이트(Website)와 웹 애플리케이션(Web application), 기술이 점점 발전함에 따라 그 경계가 무너지면서 뉴스 사이트에도 검색 기능, 댓글 기능 등 여러 가지 동적인 기능이 포함된 웹 사이트(Website)가 되어버렸다. 단순히 정보 관람을 목적으로 하는 웹 사이트(Website)보다 웹 애플리케이션(Web application)로 좀 더 보편화되어가고 있지 않나 싶다.
(2) 웹앱 vs 모바일 웹 🤯
모바일웹은 웹앱과 다른 것이었다..?
우리가 계획했던 것은 모바일 웹이고 그래서 react로 만들면 된다고 생각했는데, 혹시 react는 웹앱을 만드는 건가? 그러면 모바일 웹이 아니라 웹앱이 되는 건가?
모바일 웹
PC 화면에서 볼 수 있는 웹 사이트를 모바일 화면에 알맞게 최적화한 것으로 별도의 앱을 설치하지 않고 크롬(chrome), 사파리(Safari)와 같은 웹 브라우저에 URL을 입력하여 접속할 수 있다. HTML, CSS, JavaScript 등 표준 웹 언어를 기반으로 개발한다. 모바일 웹은 적응형 웹과 반응형 웹으로 나눌 수 있다.
반응형 웹 : 웹 브라우저 크기에 따라 설정한 비율에 맞처 자동으로 웹 페이지의 레이아웃이 변경되는 형태이다.
웹 앱
표준 웹 언어(HTML / CSS / JavaScript)를 사용하여 만든 웹 형태의 애플리케이션이다. 모바일 웹과 유사하지만, 실행 방법에서 명확한 차이점이 존재한다.
모바일 웹과 웹 앱의 차이점
모바일 웹은 '풀 브라우징(Full Browsing) 방식', 웹 앱은 '단일 페이지(SPA, Single Page Application) 방식'으로 실행된다. 풀 브라우징은 화면에 일부 변경 사항이 있을 때 전체 내용을 서버에서 새로 받아 오는 방식이고, 단일 페이지는 최초 실행 시에만 페이지 전체를 받아오는 방식이다.
(3) React.js vs React-Native
React
페이스북에서 만든 프론트엔드 JavaScript 라이브러리이다.
React-Native
React의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈 소스 프레임워크이다.
React는 Dome이 생성이 되고 난 뒤에 Virtual Dom을 이용하여 변화된 곳을 캐치하여 변화된 Dom으로 변경한다.
React Native 코드를 실행하게 되면 Bridge를 이용하여 ios, android 각각의 네이티브 언어에 접근할 수 있게 한다.
React 와 React Native 차이점
- 화면 출력을 React 는 ReactDom을 사용하지만 React Native는 AppRegistry 사용한다.
- 두개 다 JSX 문법을 사용하지만 React는 HTML문법을 사용하지만 React Native는 HTML 문법을 사용하지 않는다.
- React-Native는 기존의 CSS를 지원하지 않는다. flexbox를 이용한 레이아웃 제작을 제공한다.
Reference
