오늘도 끄적끄적

드디어 오늘부터 객체지향 프로그래밍(OOP, Object Oriented Programming) 파트를 나가기 시작했다.
이전까지는 다른 언어에도 대부분 있는 개념이었는데,
이제부터는 자바의 특성을 배울 차례인 것 같다.
객체 지향 언어는 C++/Javascript 등등이 있으므로 다른 언어를 배울 때도 유익할 것 같다.

객체? 클래스? 인스턴스?

객체지향하면 사람들은 클래스를 먼저 떠오르기 마련인 것 같다.
하지만 객체 != 클래스이다.
객체지향 언어의 하나인 자바스크립트를 통해 보도록 하자.
출처: JavaScript : 프로토타입(prototype) 이해

JavaScript는 클래스라는 개념이 없습니다.
그래서 기존의 객체를 복사하여(cloning)
새로운 객체를 생성하는 프로토타입 기반의 언어입니다.
프로토타입 기반 언어는 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들어냅니다.
이렇게 생성된 객체 역시 또 다른 객체의 원형이 될 수 있습니다.
프로토타입은 객체를 확장하고 객체 지향적인 프로그래밍을 할 수 있게 해줍니다.

개발 배경

예전부터 테이블 태그는 참 헷갈렸다.
어떤 게 행이고 어떤 게 열인지…
가끔은 행과 열 조차도 헷갈렸다.

1. scope=”row”, scope=”col”
2. rowspan, colspan
3. row, col

그래서 그냥 내 맘대로 합치고 바꾸고 제목 설정하고 싶었다.
한글이나 엑셀에서는 가능한 것 같지만 HTML에서는 불가능 한 것 같았다.
그러한 불편함을 감수하고자 1년 전에 몇 시간동안 간단히 만든 적이 있다.
동적 테이블 생성 초기 버전

이 글을 읽기 전에 (ES6) ajax 위주의 promise 실습를 먼저 읽을 것을 권한다.
ajax(XMLHttpRequest)와 promise에 대한 기본적인 이해가 있다면 상관없긴 하다.
조현영 님의 제보에 의하면 ie에서 fetch가 안 되고,
async/await 크롬과 오페라에서만 된다고 한다.
아래 사이트에서 확인 가능하다.
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API#Browser_compatibility
ECMAScript Next compatibility table

fetch

다시 공부하다보니 XMLHttpRequest와 Fetch는 ECMAScript가 아니라고 한다.
브라우저에서만 쓰이는 API이기 때문에 babel에서도 지원해주지 않기 때문에
크로스 브라우징을 위해선 window.fetch polyfill을 쓰자.
우선 기존에 우리가 ajax를 하기 위해서 어떻게 했는지 보자.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

const jsonURL = "https://perfectacle.github.io/mock/test.json";

const getDataAjax = url => {
  const xhr = new XMLHttpRequest();
  xhr.open("get", url, true);
  xhr.responseType = "json";
  xhr.onreadystatechange = () => {
    if(xhr.readyState === 4) { // 4 means request is done.
      if(xhr.status === 200) { // 200 means status is successful
        for(let key in xhr.response) { // 받아온 json 데이터의 키와 값의 쌍을 모두 출력.
          if(xhr.response.hasOwnProperty(key))
            console.log(`${key}: ${xhr.response[key]}`);
        }
      } else { // 통신 상에 오류가 있었다면 오류 코드를 출력.
        console.error(`http status code: ${xhr.status}`);
      }
    }
  };
  xhr.send();
};

getDataAjax(jsonURL);

• 전역 변수(Global Variable)

1
2
3
4
5
6
7
8
9
10
11
12
13
14

#include <stdio.h>

int var = 3; // 전역변수

void add() {
    var++; // 어디서나 접근 가능
    printf("%d\n", var); // 4
}

int main() {
    add();
    printf("%d", var); // 4, 값의 유지
    return 0;
}

1. 값의 유지
2. 어디에서든 접근 가능
3. main 함수 실행 전에, 프로그램이 실행되자 마자 메모리에 할당됨.
4. 프로그램이 끝나는 순간 메모리에서 해제됨.
5. 메모리의 Data 영역에 적재됨.
    
   2번의 이유로 인해서 변수의 스코프가 더럽혀진다.
   더럽혀진다는 의미는 변수 이름의 충돌 가능성이 존재하고,
   그로 인해 변수 이름 짓기에 큰 시간을 할애해야 하며,
   변수의 이름이 길어지거나 이상해지는 경우도 존재한다.
   어디서나 접근 가능하기 때문에 실수로 변수의 값이 바뀔 가능성이 존재한다.
   뭐 그렇다고 해서 꼭 안 좋은 것만은 아니기 때문에 적절히 활용하면 된다.

• 지역 변수(Local Variable)

배열

Java에서는 길이가 0인 배열의 선언도 가능하다.
또한 길이는 int 범위의 양의 정수이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

import java.util.Arrays;

public class test2 {
    public static void main(String[] args) {
        // 둘 다 가능하지만 후자가 C/C++에서 먹히는 스타일이라 이식성이 높다고 생각한다.
        int[] num = new int[5];
        boolean flag[] = new boolean[5];

        // 배열을 초기화하지 않으면 기본값으로 초기화 돼서 나온다.
        for(int i=0; i<num.length; i++) System.out.println(num[i]); // 0
        for(int i=0; i<flag.length; i++) System.out.println(flag[i]); // false

        double num2[] = new double[]{1.1, 4.5}; // 선언과 동시에 초기화.
        double num3[] = new double[5]{1.1, 4.5}; // 길이를 지정해주면 오류가 난다.
        double num4[] = {1.5, 3.14, 15}; // 선언과 동시에 초기화 할 때는 new 연산자를 뺄 수 있다.
        
        // 선언과 초기화를 따로 할 때는 new 연산자를 써서 할당까지 해주어야 한다.
        double num5[];
        num5 = new double[]{33.123, 51.792};
        
        // 아래와 같은 경우를 불허한다.
        double num6[] = new double[123];
        num6 = {123.22, 33};

        // 수정할 때는 new 연산자를 써서 새로 만들어줘야한다.
        num2 = new double[]{123, 456, 111.33};
        
        // 아래 세 문장은 배열의 길이가 0이다.
        int num7[] = new int[]{};
        int num8[] = new int[0];
        int num9[] = {};
        
        // import java.util.Arrays;
        // java 패키지의 utill 패키지의 Arrays 클래스에 있는 toString이라는 메소드를 쓴다.
        System.out.println(Arrays.toString(num4)); // [1.5, 3.14, 15.0]
        
        // char 배열은 for 문이나 다른 메소드를 안 써도 된다.
        char ch[] = {'h', 'e', 'l', 'l', 'o'};
        System.out.println(ch); // hello
    }
}

배열을 복사하는 방법

엔디안은 시스템 프로그래밍에서 많이 쓰이는 용어이다.
엔디안은 메모리의 저장 및 처리 방식을 말하는 것이다.
이는 바이트 순서(Byte Order)와도 큰 관련이 있다.

1. 빅 엔디안(Big Endian)
   메모리의 높은 번지 부터 저장하는 방식
   MSB(Most Significant Byte), 최상위 바이트부터 차례로 저장한다.
2. 리틀 엔디안(Little Endian)
   메모리의 낮은 번지 부터 저장 하는 방식
   LSB(Least Significant Byte), 최하위 바이트부터 차례로 저장한다.

4바이트에 값이 저장되는 방식을 알아보자.

공유기에 암호를 걸어놓는다는 것의 의미

무선 공유기의 보안 때문에 AP에 암호를 걸어놓는 경우가 많다.
여기서 무선 공유기에 암호를 건다는 것은…

1. 무선 공유기에 타인이 접속하는 걸 방지하고자 암호를 건다.
   (WPA2PSK와 같은 방식으로…)
2. 송수신하는 데이터(평문으로 된 개인정보 등등)을 암호화 하고자 데이터를 암호화 한다.
   (AES와 같은 알고리즘으로…)

이제는 100메가 광랜을 넘어서 기가의 시대가 열렸다.
100메가 광랜을 쓸 적에 100 메가의 속도를 느껴본 적이 있는가?
이론상 저항 등등에 의해 불가능하지만 그에 준하는 속도라도 느껴본 적 있는가?
그럼 현재 기가에 조금 못 미치더라도 그에 준하는 속도를 느끼고 있는가?
오늘은 그 진실과 상술과 마주해보자.
결론부터 쉽게 풀어서 말하자면
100메가 광랜의 이론상 최대 속도(나올 수가 없음)은 11.9메가이고,
1기가 광랜의 이론상 최대 속도(이 또한 나올 수가 없음)은 119메가이다.

b와 B

사람들이 컴퓨터의 용량을 표기할 때 대소문자를 크게 여기지 않는다.
물론 킬로를 뜻하는 k를 K로 적어도 kilo의 의미가 그대로 담겨있다.
하지만 바이트를 뜻하는 B를 b로 적으면 bit의 뜻이 된다.
일반인들은 잘 모르지만 그게 표준인지는 모르지만 표준과 같이 쓰이고 있다.
인터넷 업체들은 b(it)라고 적으면서 사람들은 B(yte)로 받아들이는 것이다.
8bit = 1Byte, 8배의 속도 차이가 나게 되는 것이다.
1Gb/s = 1Gbps = 10³Mbps = 1000Mbps = 1000/8(MBps) = 125MBps = 125MB/s
즉 1Gb/s는 125MB/s로 환산되어 우리가 피부로 느끼는 속도가 된다.

iB와 B

이제 사람들이 IT에 많은 관심이 생겨서
1TB 짜리 저장장치를 사도 온전히 1TiB가 아님을 알 수 있다.
내가 여기서 TB와 TiB를 사용했는데, 이에 대해 알아보자.

SI 단위

프랑스어로 Système international d’unités
현 과학계에서 사용하는 표준단위.
표준화의 대표적인 성공사례이자 현재의 국제 과학계가 있을 수 있게 해 준 일등공신.
컴퓨터 용량과 관련된 단위들만 살펴보자.

변수

변수라 함은 자바에서 정리했 듯이 아래와 같다.

짧게 얘기하면 변하는 수
길게 얘기하면 단 하나의 값을 저장할 수 있는 메모리 상의 공간.

리터럴