html, css, js 개요

DDANG·2023년 6월 15일
0

패스트 캠퍼스에서 국비지원을 받아서 스타벅스 웹사이트를 만들어 보는 프로그램에 참여하게 되었다. :)

HTML, CSS, JS

-HTML: 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당한다. - 기획자
-CSS: 실제 화면에 표시되는 방법 (색상, 크기, 폰트, 레이아웃 등) 을 지정해 주는 콘텐츠를 꾸며주는 시각적인 표현을 담당한다. - 디자이너
-JS: - 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당한다. - 개발자

HTML,CSS 과 JS는 데이터 중심이고 알수없는 용어의 이해가 필요하다. 가장 어려운 부분이나 포기하지 않고 계속 하면 가능할것이다.

웹 표준이란 웹에서 사용되는 표준 기술이나 규칙을 의미한다. W3C의 표준화 제정 단계의 권고안에 해당하는 기술이다.

W3C는 4단계를 거친다.
1. 초안
2. 후보권고안
3. 제안권고안
4. 권고안

크로스 브라우징

조금은 다르게 구동되는 여러 브라우저에서 동일한 사용자 경험을 줄수있도록 제작하는 방법이다.
ex) 크롬, 엣지, 파이어폭스, 오페라 ,스윙, 웨일, 사파리
cf)인터넷 익스플로어(IE) 는 2013년 11 버전을 마지막으로 서비스가 종료

웹이미지

비트맵

픽셀이 모여 만들어진 정보의 집합.
정교하고 다양한 색상을 자연스럽게 표현
확대/축소시 계단 현상, 품질저하

백터

확대/축소에서 자유로움, 용량 변화가 없음
정교한 이미지를 표현하기 어려움

JPG

손실압축
표현 색상도 (24비트, 약 1600만 색상) 가 뛰어남
이미지의 품질과 용량을 쉽게 조절가능
가장 널리 쓰이는 이미지 포멧

PNG

비손실 압축
8비트(256색상) / 24비트(약1600만 색상) 컬러 이미지 처리
Alpha channel 지원(투명도)
w3c 권장 포멧

GIF

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

WEBP

완벽한 손실/비손실 압축 지원
GIF같은 애니메이션 지원
Alpha Channel 지원 (손실, 비손실 모두)

SVG

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

특수 문자용어

` : Backtick, Grave 백틱,그레이브
~ : Tilde, 틸드, 물결 표시
! : Exclamation mark, 엑스클러메이션, 느낌표
@:At sign, 앳, 골벵이
#: sharp, Numbersign, 샵, 넘버, 우물정
$:Dollar sign, 달러
%:Percent sign, 퍼센트 사인
^: Caret, 캐럿
&: Ampersand, 앰퍼센드
*: 에스터리스크, 별표
-: 하이픈, 대시, 마이너스
_: Underscore, Low dash, 언더스코어, 로대시, 밑줄
=: Equals sign, 이퀄, 동등
": Quotation mark, 쿼테이션, 큰따옴표
': Apostrophe, 아포스트로피, 작은 따옴표
:: Colon, 콜론
;: Semicolon, 세미콜론
,: Comma, 콤마, 쉼표
.: Period Dot, 피리어드, 닷, 점, 마침표
?: Question mark, 퀘스천, 물음표
/: Slash, 슬래시
|: Vertical bar, 버티컬 바

\: Backslash, 백슬래시, 역슬래시 

(): Parenthesis, 퍼렌서시스, 소괄호, 괄호
{}: Brace, 브레이스, 중괄호
[]: Bracket, 브래킷, 대괄호
<>: Angle Bracket, 앵글 브래킷, 꺽쇠괄호

오픈소스 라이선스

오픈소스란 어떤 제품을 개발하는 과정에 필요한 소스 코드나 설계도를 누구나 접근해서 열람을 할수있도록 공개하는것
1. Apache License: 아파치소프트웨어 제단에서 자체 소프트웨어에 적용하기 위해 만든 라이선스, 개인적/상업적 이용, 배포, 수정 ,특허 신청이 가능
2. MIT License: 메사추스공과대학에서 소프트웨어 학생들을 위해 개발한 라이선스, 개인 소스에 이 라이선스를 사용하고 있다는 표시만 지켜주면 되며, 나머지 사용에 대한 제약이 없음
3. BSD License: BSD 는 버클리 캘리포니아 대학에서 개발한 라이선스, MIT와 동일 조건
4. Beerware: 오픈소스 개발자에게 맥주를 사줘야 하는 라이선스, 물론 만날수 있는 경우

profile
LET'S GO

0개의 댓글