헷갈리는 IT 용어 이해하기__5. 웹 이해하기

#웹의 구성요소

웹은 기본적으로 3가지로 구성되어있다. HTML, CSS, javascript

1) HTML(Hyper Text Markup Language)
'유럽 입자 물리 연구소(CERN)'에서 일하던 '팀 버너스리'에 가 만듦.
운영체제나 프로그램에 상관 없이 일정한 형식이 동일하게 보이도록 하는 새로운 개념이 필요성을 느끼고, 제안한 문서.
브라우저만 있면 운영체제 상관없이모두 웹 사이트에서 동일한 정보를 볼 수있다!

참고로, HTML은 프로그래밍 언어가 아니다.
HTML은 컴퓨터에게 특정 일을 시킬 수 있는 언어가 아닌, 브라우저가 볼 수 있는 문서를 적는 언어다.

2) CSS
HTML문서에 디자인을 입힐 수 있는 코드. HTML문서에 컬러도 넣고, 예쁘게 만들어주는 기능을 한다.
HTML과 CSS를 합쳐서 '퍼블리싱'작업이라고 표현하고, 이 작업을 하는 사람들을 '퍼블리셔'라고 부른다.

3) Javascript
HTML에 동적 기능을 입혀주는 코드.

# 웹의 특징

HTML, CSS , Javascript 완성본은 모두 서버에 있다. 우리가 브라우져에서 화면으로 보는 HTML, CSS , Javascript은 모두 '사본' 이 부분이 웹과 어플리케이션의 가장 큰 차이.

어플 : 변경사항을 적용하기위해서는 업데이트가 필요. 그리고 유저가 이 어플을 받아야함.
웹: 그냥 서버의 원본만 바꾸면 된다. 그럼 '새로고침' 랄 때, 바뀐 HTML, CSS, Javascript, 이미지 등등 파일이 다시 다운로드된다. 심사과정도 업데이트 과정도 없다.
이렇게 빠른 수정이가능하단 장점이있지만. 단점도 있다. 웹은 네트워크의 영향을 크게 받는다.
반면 애플레케이션은 웹보다 효율적으로 네트워크의 영향을 조금만 받도록 만들 수 있다.

# 반응형 웹?

브라우저의 가로 넓이에 '반응'하여구성요소가 변하는 기술

#앱의 종류와 차이점

1) 네이티브앱
- ios 프로그램을 개발하기 위한 프로그래밍 언어는 스위프트, Objective-c , 안드로이드 프로그램을 개발하기 위한 프로그래밍 언어는 자바, 코틀린.
- 위 언어들로 개발한 애플리케이션이 '네이티브 어플리케이션'

2) 하이브리드 앱
운영체제 안에 브라우저가 내장되자 새로운 방식으로도 애플리케이션 개발이 가능해졌다.
바로 애플리케이션의 특정 부분에 '브라우저'를 올리는 방식. 그리고 HTML파일을 불러올 URL을 설정해 두는것. 그럼 브라우저가 뜨고 그 브라우저는 HTML과 HTML에 연결된 파일들을 불러와서 보여준다. 이렇게 테니티브와 브라우저가 혼합되니 어플리케이션이 '하이브리드 애플리케이션'이다.

- 하이브리드 앱은 웹과 마찬가지로 서버에 있는 원본 파일을 수정하면 바뀐다. 이 부분은 보통 앱 화면 이 뜰때 바뀐다.

-하지만 이또한 네트워크에 종속된다. 와이파이나 모바일 네트워크가 느린공간에 가면 서버에서 파일을 받아오는데 오래 걸릴수있다.


참고 : 최원영, 비전공자를 위한 이해할 수 있는 IT 지식, 티더블유아이지, 2020