Will find a way

목차

1. 비트(bit)란?

2. 2진수

3. 16진수

1. 비트(bit)란?

비트는 컴퓨터에서 데이터를 표현하는 가장 작은 단위다. "비트"라는 용어는 "binary digit(2진 숫자)"의 줄임말로,  0 또는 1의 두 가지 값중 하나를 나타낸다.

비트는 주로 8개를 묶어서 사용되며, 이를 바이트(byte)라고 한다. 바이트는 컴퓨터에서 가장 기본적인 데이터 단위 중 하나이며, 문자나 숫자와 같은 정보를 표현하는 데에 사용된다.

2. 2진수 (Binary)

- 2진수는 0과 1 두 개의 숫자만을 사용하여 숫자를 표현한다.

- 각 자리는 2의 제곱으로 증가한다. 가장 오른쪽 자리부터 2^0, 2^1, 2^2, ... 2^n 순으로 진행된다.

ex)

3. 16진수 (Hexadecimal)

- 16진수는 0부터 9까지의 숫자와 A부터 F까지의 문자를 사용하여 숫자를 표현한다.

- 16진수는 2진수의 4비트를 한 자리로 나타낸다. 즉, 각 자리는 16의 제곱으로 증가한다.

- "1A3F"는 16^3(4096), 16^2(256), 16^1(16), 16^0(1) 자리에 각각 1, 10, 3, 15가 있으므로 10진수로는

4096 + 256 + 48 + 15 = 4407이 된다.

ex)

16진수는 2진수로 변환하기 쉽고, 많은 비트를 간결하게 표현할 수 있어서 주로 컴퓨터 과학에서 사용된다.

특히, 메모리 주소와 같은 값들은 16진수로 표현되는 경우가 많다.

목차

1. 인터넷이란

2. 웹서비스의 발전

3. 웹 어플리케이션 아키텍쳐

       MPA (Multi Page Application)

       SPA (Single Page Application)

       CSR (Client Side Rendering)

       SSR (Server Side Rendering)

1. 인터넷이란?

인터넷은 1960년대 군사적인 목적을 가지고 개발이 됐다. 핵전쟁 이후 핵에도 마비되지 않을 통신이 필요하게 되서 해저 광케이블로 설치가 됐으며, 전세계 인터넷의 해외 연결망 트래픽의 약 90% 이상은 해저 케이블 사용한다. 

우리가 사용하는 인터넷 웹사이트는 1980년 팀 버너스 리가 개발한 월드 와이드 웹이다.

웹 서버와 웹 브라우저를 개발하고 통신의 규칙과 화면을 구성할 수 있는 프로그래밍 언어를 개발로 월드 와이드 웹은 널리 퍼지게 됐다.

2. 웹 서비스의 발전

1세대 웹

정적인 웹사이트로 정적인 화면만 보여주고 페이지의 인터랙션 요소가 많지 않은 단순한  정보만을 제공했다.

2세대 웹

웹은 넷스케이프사에서 개발한 javascript를 사용해서 동적인 웹사이트를 제작했다. 다른 페이지로 넘어가지 않아도 페이지의 내용을 동적으로 바꿔줄 수 있게 됐다. 2세대 웹까지는 프론트엔드와 백엔드의 구분이 없었다.

3세대 웹

javascript  위주로 코드가 많이 작성되기 시작했다. Single Page Application 단일 페이지 어플리케이션 (SAP) 가 등장 페이지의 전환 없이 사용자가 앱을 사용하는 느낌을 받는 UX 향상의 효과를 주었다.

3. 웹 어플리케이션 아키텍쳐

MPA (Multi Page Application)

여러개의 페이지로 구성된 어플리케이션을 의미

정적 웹사이트가 있고 페이지의 링크로 이동하여 보여주는 형태

SPA (Single Page Application)

페이지가 한개로 구성되어 있어서 링크로 이동하는게 아닌

자바스크립트를 통해 내용을 변경 페이지로 이동한 것처럼 보여주는 형태.

사용자가 앱을 사용한 것 같은 느낌을 준다.

CSR (Client Side Rendering)

SPA를 브라우저에 그려주는 작업중 최초 1번 전체 페이지를 로딩 렌더링을 해주는 방식 웹 페이지의 렌더링이 브라우저에서 동작한다. 전체 페이지를 로딩하기 떄문에 최초 진입시 느리게 페이지가 보인다.

SSR (Server Side Rendering)

SPA를 브라우저에서 그려주는 작업중 서버에서 페이지를 완성시켜서 브라우저에게 제공하는 형태

목차

1. 웹의 역사

2. 웹, 네트워크, 인터넷 정의

3. 프로세스와 프로그램의 차이?

4. 컴퓨터에 대해서

5. 호스트(Host)란?

6. OS (운영체제)

7. 하드웨어 / 소프트웨어

8. 브라우저

9. 응용 소프트웨어 / 시스템 소프트웨어

1. 웹의 역사

1980년도 팀버너스리에 의해 만들어진 효율적으로 정보를 교환하는 시스템을 고안하다 만들어졌다.

2. 웹, 네트워크, 인터넷 정의

비전공자 입장에서는 웹, 네트워크, 인터넷  이라는 단어의 차이가 없지만 위 단어는 각각 다른 것들이다.

그 의미를 알아보자.

웹 : 인터넷 기반으로 한 정보공유 시스템

인터넷 : 네트워크가 글로벌 단위로 정보를 공유하는 시스템

네트워크 : 컴퓨터 두 대 이상이 서로 데이터를 통신하는 시스템

3. 프로그램과 프로세스

4. 컴퓨터에 대해서

컴퓨터는 '계산한다'는 단어에서 유래했으며 그 뜻 그대로 계산을 하기위해 만들어진 도구다.

컴퓨터가 계산을 처리하는 프로세스

입력 - 처리 - 저장 - 출력

5. 호스트(Host)

호스트란 네트워크가 가능한 디바이스를 의미한다.

참고 : 로컬호스트(Localhost) : 자신의 컴퓨터 내에서 네트워크가 되는 프로그램을 의미

6. 운영체제 (OS)

윈도우, 맥, 리눅스 등 사용자의 하드웨어, 시스템 리소스를 제어하고 프로그램에 대한 일반적

서비스를 지원하는 시스템 소프트웨어이다.

7. 하드웨어 / 소프트웨어

하드웨어 : 컴퓨터의 물리적인 장치를 의미

소프트웨어 : 손으로 만질 수 없는 응용 프로그램과 데이터 같은 것을 의미

8. 브라우저

웹을 쉽게 표현하기 위한 도구

9. 응용 소프트웨어 / 시스템 소프트웨어