** 모바일 앱 생태계 차이 **
IOS(애플) : 애플 직원이 직접 앱 체크를 하므로 업로드 심사가 오래걸리지만(하루정도),
그 후 후처리할 경우 기간이 짧으며, 전체적으로 앱 작동이 깔끔하다.
Google Store : 업로드 심사가 굉장히 간결함. 다만 정상적이지 않은 증상이 발견되면
해당 앱은 바로 내려지며 후처리가 오래걸림. 전체적으로 정상작동되지않는 앱이 많다.
애플리케이션 : 설치해서 사용하는 모든 프로그램. same as 응용 프로그램 (Application Software)
웹 : 웹에서는 크게 4가지 이슈를 다룸.
웹의 특징.
완성본은 서버에 있음.
[장점]
수정이 용이함, 애플리케이션은 1.0.0 에서 2.0.0 가려면 업데이트가 필요한 반면, 웹은 서버의 원본을 바꾸고 새로고침을 통해 변경됨.
[단점]
항상 새로고침을 해야함. 매번 HTML, CSS, JavaScript를 다운로드해야함.
네트워크 환경의 영향을 많이 받음.
앱의 장점
웹보다 네트워크 영향을 덜 받아 효율적임.
ex) 카톡 : 대화방을 나가서 다시 들어오는 과정을 통해 용량 확보, 애버노트 : 오프라인으로 쓰다가 온라인 상태때 '동기화'.
인터넷 상관없이 서비스 사용 가능.
웹의 종류
A. HTML, CSS, JavaScript로 이루어진 기본적인 내용
B. 브라우저
C. 반응형 웹
D. 하이브리드 애플리케이션
A-1. HTML : 운영체제에 상관없이 브라우저만 있으면 모두 웹사이트에 접속하여 동일한 정보를 볼 수 있게함.
정보를 체계화하는 코드가 존재.
Ex)
<h> : Header 대제목, <p> : Paragraph 문단, <ol> : Ordered List 순서있는 목록,
<ul> : 순서가 없는 목록, <a> : 다른 HTML 문서로 이동.
HTML은 프로그래밍 언어가 아닌 브라우저가 볼 수 있는 문서를 적는 언어.
HTML은 디자인적인 요소가 없고 정보전달에만 초점이 맞추어져있음.
A-2. CSS : 정보전달이 주를 이룬 HTML의 부족한 디자인적인 요소를 위해 CSS 코드를 붙임.
이를 통해 HTML 코드는 정보만 표현, CSS 코드는 디자인만 표현 이라는 결과가 나옴.
HTML과 CSS를 합쳐 '퍼블리싱' 작업이라고 표현하고 이 작업을 하는 사람들은 '퍼블리셔'라고 부름.
'마크업'이라는 말도 나오고 '마크업 디자인', '마크업 작업', '마크업 개발자'.
마크업의 M은 HTML의 M을 뜻함.
A-3. JavaScript
HTML 과 CSS에서 힘든 기능들을 수행하기 위한 프로그래밍 언어.
EX) 네이버 화면에서 HTML과 CSS 내용을 확인할 수 있으나 검색창에 검색어 입력하여 실시간 검색어 목록 요청하는 것은 JavaScript가 하는것.
get요청, JSON형식으로 옴. JavaScript는 그 응답을 열어서 HTML로 바꾸고 필요시 CSS 추가.
B. 브라우저
크롬,익스플로러,파이어폭스,오페라,사파리 // HTML,CSS,JavaScript를 받아서 읽음.
브라우저들은 HTML에 적힌 대로 정보를 보여주고, CSS에 적힌 대로 디자인을 입혀주며 JavaScript에 적힌대로 동작함.
위의 브라우저들은 다운로드를 통해 설치를 해야하는 애플리케이션이다.
C. 반응형 웹
브라우저의 가로 넓이에 반응하여 구성 요소가 변하는 기술.
특정 사이트에 사용할 CSS코드는 그냥 두고, 레이아웃 위주로 나눠 작업해 각 기기의 디자인을 구현할수있음.
몇몇 CSS는 재사용하지만 특정 CSS에는 변화를 주고있음.
다른 기기의 넓이에 따른 CSS 추가 코딩이 필요함. 이와 같은 사유로 반응형 웹은 작업 시간이 오래걸리고 비용이 더 많이 들어감.
D. 하이브리드 애플리케이션 : 네이티브와 브라우저의 혼합 형태, 웹가 애플리케이션이 혼합된 형태.
IOS 프로그램 개발의 언어 : 스위프트, Objective-C
안드로이드 프로그램 개발언어 : 자바, 코틀린
네이티브 애플리케이션 : 정해진 프로그램 기반 개발 언어를 활용해 개발한 애플리케이션.
애플리케이션의 특정 부분에 '브라우저'를 올리는 방식. HTML파일을 불러올 URL 설정.
그럼 브라우저가 뜨고 그 브라우저는 HTML끼리 연결된 파일을 불러와서 보여줌.
이는 HTML, CSS, JavaScript로 구성됨.