웹과 앱 이해하기

1. 웹의 개념과 발전 과정

1. 웹의 개념

인터넷 : TCP/IP 모델을 기반으로 전 세계의 컴퓨터가 연결된 네트워크

웹 : 월드 와이드 웹의 준말. 인터넷에서 연결된 사용자끼리 서로 정보를 주고받을 수 있는 공간

2. 웹의 발전 과정

🍀웹 1.0
브라우저 전쟁의 시기 ⇒ 구글, 야후, 아마존, 이베이 탄생
생산자와 소비자가 구별 ⇒ 소비자는 읽기만 가능

🍀웹 2.0
소비자가 콘텐츠를 생산할 수도 있음 ⇒ 페이스북, 유튜브

🍀웹 3.0
인공지능과 블록체인 기술 ⇒ 소비자 맞춤형 정보 제공
플랫폼에 종속되었던 데이터의 소유권 ⇒ 개인화
⇒ 시맨틱 웹

3. 반응형 웹

대상 기기 웹 브라우저의 가로 크기에 따라 디자인 레이아웃이 바뀌는 웹 페이지

🍀반응형 웹 개발의 어려움
네 개의 분기점으로 기기 화면을 나누어 작업
480px 이하 : 스마트폰
481 - 767px : 가로로 눕힌 스마트폰 + 태블릿
768 - 1023px : 태블릿 + 가로로 눕힌 태블릿
1024px 이상: 가로로 눕힌 태블릿 + PC 

2. 앱의 개념과 종류

1. 앱의 개념

아이콘을 클릭해 실행하는 모든 프로그램

2. 웹 앱

앱 브라우저를 통해 이용하는 앱 ⇒ 웹 개발 언어로 웹 페이지를 개발한 후 웹 브라우저 같은 실행프로그램으로 접속하게 만든 것

🍀웹 앱의 종류
데스크톱용 웹 앱
- 일반적인 웹 페이지 형태 그대로 앱을 이용하는 것
모바일용 웹 앱
- 화면 중앙에 메인 콘텐츠가 있는 웹 앱
- 도메인 주소에 m 을 붙여 모바일 전용 웹 페이지를 서비스

🍀PWA
웹 사이트는 앱 스토어에 등록할 수 없음 ⇒ PWA : 컴퓨터에 설치 가능한 앱의 형태로 웹 사이트에 접속할 수 있게 만든 것

3. 모바일 앱

스마트폰이나 태블릿 등 휴대용 기기에 설치해 사용하는 앱

🍀모바일 앱의 장점
다양한 서비스 제공
좋은 사용자 경험 제공
고객 이탈 최소화
수익 극대화

🍀모바일 앱의 단점
설치하기까지의 집입 장벽
비싼 제작 비용

🍀모바일 앱의 종류
네이티브 앱
- 안드로이드와 iOS 플랫폼에서 각각의 네이티브 언어로 개발한 앱
- 안드로이드 ⇒ 자바, 코틀린
- iOS ⇒ 스위프트
하이브리드 앱
- 하나의 프로그래밍 언어로 안드로이드와 iOS에서 모두 돌아가게 만든 앱
⇒ 크로스 플랫폼 개발