[Worksheet-220413] 개요

Part 1. HTML/CSS/JS로 만드는 스타벅스 웹사이트

Ch 1. 개요

HTML, CSS, JS

• HTML
  페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당

• CSS
  실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현 (정적) 을 담당

• Javascript
  콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당

Web

• 웹 표준
  웹에서 사용되는 표준 기술이나 규칙
  W3C의 표준화 제정 단계의 '권고안'에 해당하는 기술

• 크로스 브라우징
  조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험을 줄 수 있도록 제작하는 기술, 방법

  • 크롬, 엣지, 파이어폭스 등등

Web Img

비트맵과 벡터

• 비트맵
  정교하고 다양한 색상을 자연스럽게 표현할 수 있어 일반적인 사진은 비트맵.
  확대/축소 시 계단 현상, 품질 저하.

  • JPG(JPEG)
  • PNG
  • GIF
  • WEBP

• 벡터
  확대/축소에서 자유롭고 용량 변화 없음.
  정교한 이미지를 표현하기는 어려워 아이콘 같은 간단한 이미지는 벡터.

  • SVG
    마크업 언어 기반의 벡터 그래픽을 표현하는 포맷

오픈 소스 라이선스

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

• Apache License
• MIT License
• BSD License
• Beerware🍺