비전공자를 위한 이해할 수 있는 IT 지식: 5, 6장 정리

책 '비전공자를 위한 이해할 수 있는 IT 지식' 5, 6장을 읽으면서 학습한 내용을 요약, 정리한 포스팅입니다.

 

 

응용 프로그램 (= Application Software)

: 컴퓨터나 모바일에서 운영체제위에 설치한 뒤 실행해야 하는 프로그램

 

변동이 많은 정보는 보통 애플리케이션에 넣지 않는다. API로 서버에서 불러오게 만든다. 왜냐하면 응용 프로그램 특성상 사용자가 애플리케이션을 업데이트하지 않으면 변경된 정보가 반영되지 않은 기존 버전의 애플리케이션을 사용하게 되기 때문이다.

 

 

 

웹 

- 월드 와이드 웹(World Wide Web) : 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미한다. 간단히 웹(Web)이라고 많이 불린다.

- 웹 페이지를 작성할 때는 HTML, CSS, JavaScript 가 사용된다. 👉 HTML(정보전달) + CSS(디자인) + JavaScript(프로그래밍)

 

 

(1) HTML

1. HTML(Hyper Text Markup Language)가 처음 고안된 이유는? 정보 전달 및 교환

유럽 입자 물리 연구소(CERN)에서 일하던 직원들은 수많은 정보들을 주고 받는 상황이었다. 근데 직원들이 서로 다른 운영체제와 응용 프로그램을 사용하고 있었고, 이 경우 각 환경에서만 호환되는 파일은 서로 열지 못하는 문제가 있었다.  이를 해결하기 위해 일정한 형식 즉 HTML로 작성된 문서로 정보를 전달하는 개념이 고안되었다. 그 결과 특정 운영체제나 응용 프로그램에 상관없이 '브라우저'만 있으면, 일정한 형식(=HTML)으로 작성한 문서(= 웹 페이지)를 통해 보다 편하게 정보를 주고 받을 수 있게 되었다. 

 

2. HTML은 프로그래밍 언어가 아니라는 점을 주의하자.

HTML은 컴퓨터에게 어떤 일을 시킬 수 있는 언어인 '프로그래밍 언어'가 아니라 단지 브라우저가 볼 수 있는 문서를 적을 때 사용하는 일정한 형식을 갖는 언어다.

 

 

 

(2) CSS

1. HTML로만 작성된 문서는 '정보 전달'에만 초점을 맞추다보니 디자인 기능이 부족했다. 그래서 HTML에 디자인을 입힐 수 있는 코드인 CSS를 붙이게 되었다.

2. HTML코드로는 정보만 표현하고, CSS코드로는 디자인만 표현하여 코드를 분리하여 작성할 수 있으니 깔끔하다.

 

하는 일	직업 이름
HTML 작업 ⇒ 마크업 작업	마크업 개발자
HTML 작업 + CSS 작업 ⇒ 퍼블리싱 작업	퍼블리셔

 

 

💡 '반응형 웹' 이란?

- 예전에는 가로 넓이가 특정 픽셀 이하로 내려가거나, 특정 픽셀 이상으로 올라가면 각각 다른 CSS 를 적용해야했지만, 반응형 기술을 사용하면 공통으로 사용할 CSS 코드는 그냥 두고 레이아웃 위주로 나눠 작업해서 각 기기의 디자인을 구현할 수 있다.
 - 즉, 브라우저의 가로 넓이에 ‘반응’하여 구성 요소가 변하는 기술인 반응형 기술을 통해 만든 웹 사이트를 반응형 웹이라고 한다.
- 당연히 하나의 넓이로만 작업하는 것보다 더 많은 코드가 필요하다. 작업 시간이 오래 거리고 비용도 더 많이 들어갈 수 있다.

 

 

 

(3) JavaScript

1. 웹 사이트에 회원가입, 로그인, 결제 등과 같은 기능을 추가하려면, HTML이나 CSS만으로는 힘들고 이를 위해선 프로그래밍 언어가  필요하다. 즉 JavaScript 라는 언어가 프로그래밍 언어의 역할을 하게 된다.

2. JavaScript 는 줄여서 js 라고 부르기도 한다.

3. JavaScript 는 Java 라는 프로그래밍 언어와 전혀 관계 없다.

 

 

 

 

 

 

웹 vs. 응용 프로그램(Application Software)

1. 애플리케이션(=응용 프로그램)을 1.0.0. → 2.0.0. 으로 변경하면, 사용자는 반드시 업데이트된 애플리케이션을 다시 다운로드해야한다. 사용자가 업데이트된 애플리케이션을 다운로드하지 않으면 변경된 내용이 반영되지 않는다.
2. 하지만 웹은 서버의 원본을 바꾸면 사용자는 '새로 고침'만 해도 변경된 원본이 자동으로 다운로드된다. 웹의 ‘새로 고침’은 장점이자 단점이 되기도 한다. 변경된 사항이 자동으로 빠르게 반영되는 것이 장점이지만, 여기에는 조건이 붙는다. “네트워크가 원활한 환경에서”만 가능하다는 것이다. 네트워크가 원활하지 않은 경우 새로고침을 해도 빠르게 변경된 사항이 반영되지 않을 수 있다. 이처럼 웹은 네크워크의 영향을 크게 받는다.

 

 

Mobile App 유형

네이티브 앱

모바일 웹

모바일 웹 앱

하이브리드 앱

 

 

[출처] https://brunch.co.kr/@jhw28/30

 

 

 

 

 

[참고 자료]

https://www.tcpschool.com/webbasic/www

코딩교육 티씨피스쿨

https://brunch.co.kr/@jhw28/30

모바일 앱(App)의 4가지 유형