프론트엔드(Front-end) 개요

• HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고 그것으로 사용자와 상호작용 할 수 있도록 하는 것
• 웹표준에 해당하는 기술(HTML, CSS, JS와 같은)을 사용하여 웹 브라우저에서 동작하게 함 (브라우저 공급업체 또한 웹표준을 해석하고 그에 근거하여 브라우저를 제작)

HTML, CSS, JS = 구조, 스타일, 동적

• HTML (Hyper Text Markup Language)

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

• CSS (Cascading Style Sheets)

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

• JS (JavaScript)

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

웹표준(Web Standard)

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

웹앱의 동작원리

• 웹앱(웹 애플리케이션) : 웹 사이트, 웹 페이지
• 최초요청(Request)-최초응답(Response)-추가요청-추가응답

기타 내용 정리

• 크로스 브라우징

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

• 뷰포트(Viewport)

  하나의 웹페이지가 출력(렌더링)되는 전체영역

• 렌더링

  브라우저의 뷰포트에 웹사이트를 출력하는(그림 그려내는) 행위

📝 사실은 내가 보려고 기록한 것 😊
피드백 댓글, 메일은 언제나 환영합니다!