5. 웹에서 사용되는 이미지

웹 이미지

비트맵

픽셀이 모여 만들어진 정보의 집합
레스터 이미라고도 부름
(장점) 정교하고 다양한 색상을 자유롭게 표현 가능
(단점) 확대/축소 시 계단 현상, 품질 저하

• JPG(JPEG)
  압출력이 훌륭해 사진이나 예술 분야에서 많이 사용
  손실 압축(이미지가 압축될 때 이미지가 손실되면서 압축) -> 용량이 줄어듬/품질 저하
  표현 색상도(24비트, 약 1600만 색상)가 뛰어남
  이미지의 품질과 용량을 쉽게 조절 가능
  가장 널리 쓰이는 이미지 포멧

• PNG
  비손실 압축 -> 용량 큼/품질 보장
  8비트(256 색상)/24비트(1600만 색상) 컬러 이미지 처리
  Alpha Channel 지원(투명도)
  W3C 권장 포맷

• GIF
  비손실 압축
  여러 장의 이미지를 한 개의 파일에 담을 수 있음
  (움짤, 애니메이션)
  8비트 색상만 지원(다양한 색상 표현에는 적합하지 않음)

• WEBP
  완벽한 손실/비손실 압축 지원
  GIF 같은 애니메이션 지원
  Alpha Channel 지원(손실, 비손실 모두)
  구글이 개발(IE 지원 불가)

벡터

점/선/면의 위치(좌표), 색상 등 수학적 정보의 형태로 이루어진 이미지
마크업 언어 그래픽 표현
(장점) 확대/축소에서 자유로움, 용량 변화가 없음
(단점) 정교한 이미지(인물, 풍경 사진 같은)를 표현하기 어려움

• SVG
  해상도의 영향에서 자유로움
  CSS와 JS로 제어 가능
  파일 및 코드 삽입 가능

6. 특수 기호

• `
  백틱, 그레이브

• ~
  틸드, 물결 표시

• !
  엑스클러메이션, 느낌표

• @
  앳, 골뱅이

• 샵, 넘버, 우물 정

• $
  달러

• %
  퍼센트

• ^
  캐럿

• &
  엠퍼센드

• '*'
  에스터리스크, 별표

• '-'
  하이픈, 대시, 마이너스

• _
  언더스코어, 로대시, 밑줄

• =
  이퀄, 동등

• "
  쿼테이션, 큰 따옴표

• '
  아포스트로피, 작은 따옴표

• :
  콜론

• ;
  세미콜론

• ,
  콤마, 쉼표

• .
  피리어드, 닷, 점, 마침표

• /
  슬래시

• |
  버티컬 바

• \
  백슬래시, 역 슬래시

• ()
  퍼렌서시스, 소괄호, 괄호

• {}
  브레이스, 중괄호

• []
  브래킷, 대괄호

• <>
  앵글 브래킷, 꺽쇠괄호

7. 오픈소스 라이선스

오픈소스란 어떤 제품을 개발하는 과정에 필요한 소스 코드나 설계도를 누구나 접근해서 열람할 수 있도록 공개하는 것

무료로 사용(해석)할 수 있는 라이선스

• Apache License
  아파치 소프트웨어 재단에서 자체 소프트웨어에 적용하기 위해 만듬
  개인적/상업적 이용, 배포, 수정, 특허 신청이 가능

• MIT License
  MIT에서 소프트웨어 학생들을 위햇 만듬
  개인 소스에 이 라이선스를 사용하고 있다는 표시만 지켜주면 되며, 나머지 사용에 대한 제약은 없음

• BSD License
  BSD는 버클리 캘리포니아 대학에서 개발함
  MIT와 동일 조건

• Beerware
  오픈 소스 개발자에게 맥주를 사줘야 하는 라이선스
  물론 만날 수 있는 경우