👍 프론트엔드 개발 💻

👉 JavaScript란?

: JavaScript는 웹개발 스크립트 언어 중 가장 널리 쓰이는 객체지향 언어(OOL : Object Oriented Language)이다.

HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호 작용할 수 있도록 하는것.
비즈니스 로직은 웹 사이트가 동작하는데 필요한 핵심데이터 처리를 수행하는 알고리즘을 말한다.

👨‍🦰 퍼블리셔

• 웹사이트를 제작 할 때 웹 디자이너가 디자인한 것을 웹 표준성과 접근성에 부합하도록 재정리하는 사람이다. 우리나라에서만 사용되는 단어로 주로 HTML과 CSS중심의 업무를 담당한다. 최근들어 JS중요도가 높아짐에 따라 다루는 사람도 많아지고 있다.

👨‍🦱프론트엔드 개발자

• 더 동적인 화면을 구사한다. (예:ID나 PW를 입력했을 때 유요한지 확인)
  실제 작동 가능한 웹페이지를 구현한다.
  └ (API를 웹페이지에 적용하고 백엔드와 연동되게 구현)
  크로스브라우징, 웹페이지 호환성, 페이지의 개선등을 담당업무로 한다.

- 웹 표준

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

- 크로스브라우징

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

- 웹 접근성

• 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함한, 모든 사용자들이 동등하게 접근할 수 있는 웹 콘텐츠를 제작하는 방법.

- 웹 이미지

• 픽셀이 모여 만들어진 정보의 집함, 레스터(Raster)이미지라고도 부름
• 점, 선, 면의 위치(좌표), 색상 등 수학적 정보의 형태(Shape)로 이루어진 이미지

- 비트맵과 벡터

비트맵

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

벡터

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

- JPG

• JPG(Joint Photographic coding Experts Group)는 Full-color와 Gray-scale의 압축을 위해 만들어졌으며, 압축률이 훌륭해 사진이나 예술 분야에서 많이 사용.

- GIF

• GIF(Graphics Interchange Format)는 이미지 파일 내에 이미지 및 문자열 같은 정보들을 저장.

- PNG

• PNG(Portable Network Graphics)는 Gif의 대체 포맷으로 개발됨.
  

- WEBP

• JPG, PNG, GIF를 모두 대체할 수 있는 구글이 개발한 이미지 포맷으로 이름처럼 Web을 위해서 만들어진 효율적인 이미지 포맷이다. '웹피'라고 읽는다.

- SVG

• SVG(Scalable Vector Graphics)는 마크업 언어(HTML/XML)기반의 벡터 그래픽을 표현하는 포맷.

⌨ 특수문자용어

🔗 상대경로와 절대경로