프론트엔드 개발
HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호 작용할 수 있도록 하는 것.
HTML (Hyper Text Markup Language) -> 기획자
페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당
CSS (Cascading Style Sheets) -> 디자이너
실제화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당.
JS (JavaScript) -> 개발자
콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당.
웹 표준
웹 표준(Web Standard)이란 '웹에서 사용되는 표준 기술이나 규칙'을 의미, W3C의 표준화 제정 단계의 '권고안(REC)'에 해당하는 기술.
W3C의 표준화 제정 단계는 크게 다음과 같이 4가지 단계를 가진다.
초안(Working Draft, WD)
후보권고안(Candidate Recommendation, CR)
제안권고안(Proposed Recommendation, PR)
권고안(W3C Recommendation, REC)
크로스 브라우징
크로스 브라우징(Cross Browsing)이란 조금은 다르게 구동되는 여러 브라우저에서,
동일한 사용자 경험(같은 화면, 같은 동작 등)을 줄 수 있도록 제작하는 기술, 방법
⭐️ 뷰포트
하나의 웹페이지가 출력되는(랜더링 되는) 영역을 의미.
웹 이미지
비트맵(Bitmap) : 픽셀이 모여 만들어진 정보의 집합, 레스터(Raster)이미지라고도 부름. (jpeg, gif, png)
➡️ 정교하고 다양한 색상을 자연스럽게 표현, 확대/축소 시 계단 현상, 품질 저하.
벡터(Vector) : 점, 선, 면의 위치(좌표), 색상 등 수학적 정보의 형태(Shape)로 이루어진 이미지.(svg)
➡️ 확대/축소에서 자유로움, 용량 변화가 없음, 정교한 이미지(인물, 풍경 사진 같은)를 표현하기 어려움.
오픈 소스 라이선스
오픈소스란 어떤 제품을 개발하는 과정에 필요한 소스 코드나 설계도를 누구나 접근해서 열람할 수 있도록 공개하는 것. ➡️ 저작권 조심
OpenSource.org
Apache License
: 아파치 소프트웨어 재단에서 자체 소프트웨어에 적용하기 위해 만든 라이선스,
개인적/상업적 이용, 배포, 수정, 특허 신청이 가능
MIT License
: 매사추세츠공과대학(MIT)에서 소프트웨어 학생들을 위해 개발한 라이선스,
개인 소스에 이 라이선스를 사용하고 있다는 표시만 지켜주면 되며, 나머지 사용에 대한 제약은 없음.
BSD License
: BSD(Berkeley Software Distribution)는 버클리 캘리포니아대학에서 개발한 라이선스,
MIT와 동일 조건.
Beerware
: 오픈소스 개발자에게 맥주를 사줘야 하는 라이선스...
