liveserver 확장 설치 : html live로 미리보기 가능

  • encoding
    문자를 규칙에 따라 2진수로 표현해 문자코드로 나타내는 것 또는 코드를 규칙에 따라 다른 형식의 코드로 변환하는 것 ex) 압축, 암호화
  • decoding
    변환된 코드를 원래 형식의 코드로 되돌리는 것 ex) 압축풀기, 복호화

  • 예약어 (reserved keyword) : ! * ` ( ) ; : @ & = + $ , / ? # [ ]

  • 비예약어 : 변환할 필요가 없는 문자. A~Z 0~9 - _ . ~

  • URL encoding/decoding = percent encoding/decoding
    URL에서 특수 목적으로 사용되는 문자 (reserved keyword)를 일반 용도로 다루고 싶을때, 규칙에 따라 변환하는 것

ascii

  • 숫자 2와 문자 ‘2’
숫자 2 -> 00000010
문자'2' -> 00110010

ex)
    A -> A
    a -> a
    7 -> 7
    . -> .
    ! -> %21 (문자코드) =url encoding=> 0x21 -> 0x25 0x32 0x31
    + -> %2B =url encoding=> 0x2B -> 0x25 0x32 0x42
    ? -> %3F =url encoding=> 0x3F -> 0x25 0x33 0x46
    space -> + =url encoding=> 0x20 -> 0x2B
    가 -> %EA%B0%80 =url encoding=> 0xEA 0xB0 0x80 -> 0x25 0x45 0x41 0x25 0x42 0x30 0x25 0x38 0x30

ABCabc123!+? 가 검색 -> 브라우저 창 도구더보기 -> Network -> Preserve log Disable cache 체크 -> search. 클릭 -> Request URL에서 문자코드찾기

data <-출력/입력-> web browser (auto URL encoding) <-> web server (auto URL decoding) <-> app

  • 영상/소리 data와 encoding/decoding

    • 영상/소리 data는 너무 큼
    • 특별한 수학공식 (algorism)에 따라 압축 (=encoding)
    • mp3, mp4, avi 파일로 변환
    • 재생을 위해 압축풀기 (=decoding)

  • CoDec = 사용하는 영상 플레이어에서 특정 알고리즘을 decoding하는 기능

    • CoDec이 없을 때 해결책 해당 CoDec을 다운로드받아 플레이어에 장착해야 한다. (이를 위한 물리적 encode/decode 장비 중 하나가 옛날 타가보드)
  • CR/LF (Carriage Return/Line Feed)
    예전에 타자기에서 줄바꾸는 것을 모방하여 만든 코드 값 CR -> 0x0D LF -> 0x0A Windows OS => 줄바꿈 표시할 때 CRLF 2byte를 사용 Unix/Linux => 줄바꿈 표시할 때 LF 1byte를 사용
  • MIME (Multi-purpose Internet Mail Extensions) Type
    메일에 첨부한 콘텐츠가 어떤 형식인지 상태에게 알려주는 용도 현재는 메일 뿐 아니라 web 등 여러 곳에서 사용

MIME