2023.09.03
이번주 회고
내일은 중간발표가 있다. 프로젝트의 MVP가 잘 지켰는지 확인해보자.
WYSIWYG
What You See Is What You Get 보는 대로 얻는다.
사용자가 컴퓨터 화면에서 보는 것과 출력물 또는 최종 결과물이 동일하게 보이는 편집 환경을 의미한다.
게시물을 작성할 때 사용자가 직접 텍스트와 이미지의 레이아웃을 조절할수 있다.
가장 널리 사용되는 워드 프로세서 중 하나인 Microsoft Word도 텍스트 편집 및 서식 지정을 위한 WYSIWYG 환경을 제공한다.
Quill.js
- 개발자를 위해 제작됨
간단한 API를 통해 편집기의 콘텐츠, 변경 사항 및 이벤트에 대한 세부적인 액세스가 가능합니다. JSON을 입력 및 출력으로 일관되고 결정적으로 작동합니다.- 크로스 플랫폼
데스크톱, 태블릿, 휴대폰의 모든 최신 브라우저를 지원합니다. 플랫폼 전반에 걸쳐 동일한 일관된 동작과 생성된 HTML을 경험해 보세요.
기술면접
질문 - 브라우저의 작동방식에 대해서 설명해주세요.
브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청하고
서버의 응답을 받아 브라우저에 표시하는 것입니다.
브라우저는 서버로부터 HTML, CSS, Javascript, 이미지 파일 등을 응답받습니다.
HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어
DOM, CSSOM 트리로 변환되고 렌더 트리로 결합됩니다.
이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시합니다.
개발공부!