-
1번
CSS에서 'C’는 Cascading을 의미합니다. Cascading에 관해서 설명해주세요. 또 cascading system의 장점은 무엇인가요?
Cascading은 상단에서 하단으로 내려가는 폭포처럼 아래에 부모의 스타일 속성이 자식에게도 영향을 미치는 방식을 말합니다. 단, 레이아웃에 영향을 주는 css는 영향을 미치지 않습니다.
cascading system을 사용했을때는 모든 HTML Element마다 스타일을 지정해주지 않아도 스타일이 적용 되므로 렌더링 속도가 빨라지고 코드의 양이 줄어듭니다.
2번
프로토타입이란 무엇인가요?
깔끔한 답안
- 프로토타입 기반의 언어들은 기준이 되는 객체를 복사해 새로운 객체를 만듭니다. 이때 기준이 되는 객체를 프로토타입이라고 합니다
- 프로토타입은 자바스크립트에서 객체를 상속하기위한 방식입니다.
모든 객체는 공통으로 참조하는 공간, 즉 원형이 되는 프로토타입 객체를 가집니다.
프로토타입 객체의 메소드와 속성은 복사되는 것이 아니라, 프로토타입을 타고 올라가 접근이 가능합니다. 이를 이용하여 코드를 재사용 할 수 있습니다.
사전적인 의미로는 원래의 형태, 기초 또는 표준이며
첫번째로 생각하는 프로토타입은 프로젝트에서 우선 순위가 높은 기능 혹은 필수적인 기능은 있으나 HTML, CSS 등 보여지는 것에는 미완성인 부분이라고 생각합니다.
두번째로는 js 거의 모든 객체는 하나이상의 객체를 가지고 있습니다.
그러한 객체는 프로퍼티와 메소드를 상속받습니다.
그에 대한 정보를 제공 하는 객체를 프로토타입이라 합니다.
DTD란 무엇인가요?? 만약 없다면 어떤일이 일어나나요?
DTD란 Document Type Definition으로 문서 형식 정의를 뜻합니다. 보통 문서의 상단에 선언하게 되며 흔히 html에서 <!DOCTYPE html>의 형식으로 사용합니다. 이렇게 DTD를 선언하여 이 문서가 어떤 형식을 따르고 있다를 브라우저에게 알려주고 브라우저는 형식에 맞게 렌더링하는 등 올바른 처리를 하게 됩니다. 만약 DTD가 선언되지 않는다면 작성된 문서는 의도한 형식대로 처리되지 않고 효율성이 떨어지거나 레이아웃이 깨지는 등의 문제가 발생하며 비표준 모드로 렌더링되어 크로스 브라우징이 발생할 수 있습니다.
Document Type Definition
html에서 DocType을 명시해주는 것처럼 XML 문서의 구조 및 해당 문서에서 사용할 적법한 요소와 속성을 정의하는 것 입니다.
구조를 정의함으로 새로운 문서 타입을 만들 수 있고 여러 환경에서 호환성 유지에도 사용이 됩니다!
만약 DTD가 없다면 크롬, IE 등 브라우저에 따른 구조를 하나씩 새롭게 정의를 해주어야합니다
문서 타입 정의(DTD)는 XML 문서의 구조 및 해당 문서에서 사용할 수 있는 적법한 요소와 속성을 정의합니다.
DTD는 엔티티를 정의할 수 있으며, 빠른 개발을 위한 내부 DTD를 사용할 수 있습니다.
DTD는 예전부터 사용해 온 구식 방법이지만, 특유의 장점을 바탕으로 아직도 널리 사용되고 있습니다.
이러한 DTD는 XML 문서 내부에 명시할 수도 있으며, 별도의 파일로 분리할 수도 있습니다.
구조를 정의함으로써 새로운 문서 타입을 만들 수 있습니다.
이렇게 생성된 DTD는 새로운 문서 타입을 이용한 데이터의 교환에서 표준으로써 활용됩니다.
또한, 응용 프로그램은 DTD의 정의에 따라 XML 문서의 구문 및 구조에 대한 유효성을 검사할 수 있습니다.
서버사이드 랜더링과 클라이언트 사이드 랜더링의 차이는 무엇일까요? (수정됨)
서버사이드 렌더링은 서버에서 데이터를 불러와 HTML을 다 만든 후 한번에 내려주고,
클라이언트 사이드 렌더링은 클라이언트에서 데이트를 불러와 HTML을 클라이언트에서 생성합니다. 빈 HTML 파일로 시작하여 JS 파일을 불러오면 JS가 DOM을 생성해 화면에 뿌려주는 방식입니다. CSR은 페이지 이동 중 나오는 짧은 흰색화면이 나오지 않습니다.
이로인해 사용자 경험을 개선할 수 있고, 서버 비용과 렌더링 속도에서 유리하지만,
첫 화면을 보는데 오래걸리고, 검색엔진최적화를 적용하기 어렵다는 단점이 있습니다'IT > Tip' 카테고리의 다른 글
Node.js 란? (0) 2022.01.24 SEO란? (0) 2022.01.19 webpack이란? (0) 2022.01.18 Git 원격 저장소에서 로컬로 저장 git pull origin master(x) main(o) (0) 2022.01.15 2022_01_08 git commit 메시지 push 후 수정하기 (0) 2022.01.08