IT 공부

IT 공부#3

DvdHan 2022. 9. 2. 09:25

** 모바일 앱 생태계 차이 **

 

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로 구성됨.