FrontEnd 기초 지식 정리 - 1

Pansik·2022년 4월 5일
0

특수 문자 용어

기호한글 이름영어
`백틱, 그레이브Backtick, Grave
~틸트, 물결 표시Tilde
!엑스클러메이션, 느낌표Exclamation mark
@앳, 골뱅이At sign
#샵, 넘버, 우물 정Sharp, Number sign
$달러Dollar
%퍼센트Percent
^캐럿Caret
&엠퍼샌드Ampersand
*에스터리스크, 별표Asterisk
-하이픈, 대시, 마이너스Hyphen, dash
_언더스코어, 로대시, 밑줄Underscore, Low dash
=이퀄, 동등Equals sign
"쿼테이션, 큰 따옴표Quotation mark
'아포스트로피, 작은 따옴표Apostrophe
:콜론Colon
;세미 콜론Semicolon
,콤마, 쉼표Comma
.피리어드, 닷, 점Period, Dot
?퀘스천, 물음표Question mark
/슬래시Slash
버틸컬 바Vertical bar
백 슬래시, 역 슬래시Backslash
( )퍼렌서시스, 소 괄호, 괄호Parenthesis
{ }브레이스, 중 괄호Brace
[ ]브래킷, 대 괄호Bracket
<>앵글 브래킷, 꺽쇠 괄호Angle bracket

비트맵 (Bitmap)

  • 정교하고 다양한 색상을 자연스럽게 표현 확대 축소 시
    계단 형상 및 품질 저하가 있다.

ex) png, img


JPG, JPEG (Joint photographic coding experts group)

  • full-color gray-scale의 압축을 위해 만들어졌으며
    압축률이 훌륭해 사진이나 예술분야 에서 많이 사용한다.

  • 여러 번 새롭게 저장을 피해 주는 게 좋다 손실 압축을 쓰기 때문에
    이미지가 깨지거나 발화가 하기 때문이다.

  • 손실 압축 방식을 사용하기 때문에 용량이 적은 장점이 있다.

  • 표현 색상도(24비트 약 1600만 색상)이 뛰어나서 이미지 품질과
    용량을 쉽게 조절 가능하다.


PNG (Portable network graphics)

  • GIF의 대체 포맷으로 개발이 되었다.

  • 비손실 압축
    8비트(256색상) / 24비트 (약 1600만 색상)
    동시에 지원 컬러 이미지 처리 alpha channel (투명도)
    지원을 하면서 원하는 이미지 영역만 화면에 출력을 할 수 있다.


벡터 (Vector)

  • 확대 축소에서 자유로움, 용량 변화가 없다.
    정교한 이미지 (인물 풍경 사진 같은)을 표현하기 어렵다.

ex) icon.svg, computer.svg, logo.svg


GIF (Graphics interchange Format)

  • 이미지 파일 내에 이미지 및 문자열 같은 정보들을 저장한다.

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


WEBP

  • JPG, PNG, GIF를 모두 대체할 수 있는 구글이 개발한 이미지 포맷

  • 완벽한 손실 / 비손실 압축 지원
    GIF 같은 애니메이션 지원
    alpha channel 지원 (손실 비손실 모두)


SVG (Scalable vector graphics)

  • 마크업 언어(HTML/XMI) 기반의 벡터 그래픽을 표현하는 포맷

  • 해상도의 영향에서 자유로우면서 css와 js로 제어 가능
    파일 및 코드 삽입이 가능하다.


오픈 소스 라이센스

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

아파치 라이센스 (Apache license)

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

MIT 라이센스 (MIT license)

  • MIT에서 소프트 웨어 학생들을 위해 개발한 라이센스
    개인 소스에 이 라이센스를 사용하고 있다는 표시만 지켜주면
    나머지 사용에 대한 제약이 없음

BSD 라이센스 (BSD license)

  • BSD는 버클리 캘리포니아 대학에서 개발한 라이센스
    개인 소스에 이 라이센스를 사용하고 있다는 표시만 지켜주면
    나머지 사용에 대한 제약이 없음

비어웨어 (Beerware)

  • 오픈소스 개발자에게 맥주를 사줘야 하는 라이센스
    단 만날 수 있다면

참고 자료
HEROPY blog

😍 틀린 부분이 있을경우 댓글로 남겨 주세요 😍

profile
JavaScript Learning

0개의 댓글