자바스크립트 프레임워크가 인기있기 전에, 프론트엔드 개발자는 비표준 속성, DOM 추가 프로퍼티의 동작없이, DOM 자체에 추가적인 데이터를 저장하기 위해 data- 속성을 사용했다. 이는 적절한 속성이나 요소가 없는 페이지나 어플리케이션에 사용자 정의 데이터를 비공개로 저장하기 위한 것이다. 최근에는 data- 속성을 사용하는 것을 권장하지 않는다. 그 이유는 사용자가 브라우저 inspect 기능을 사용하여 데이터나 속성을 쉽게 수정할 수 있기 때문이다. 데이터 모델은 자바스크립트 자체에 더 잘 저장되며, 라이브러리나 프레임워크의 데이터 바인딩을 통해 DOM을 업데이트 된 상태로 유지하는 것이 더 낫다.

여러 언어로 되어 있는 컨텐츠의 페이지를 어떻게 제공하는가? 하나의 페이지 내의 내용은 하나의 일관된 언어로만 표시되어야 한다. HTTP 요청을 서버에 보내면, 대게 요청하는 user agent가 Accept-Language 헤더와 같은 기본 언어 설정에 대한 정보를 보낸다. 그 다음 서버는 이 정보를 사용하여 해당 언어가 제공가능한 경우, 해당 언어 버전의 문서를 반환할 수 있습니다. 반환된 HTML문서는 ... 과 같이 태그에 lang 속성을 선언해야 합니다. 그리고 서버에서 백엔드 프레임워크의 도움을 받아 특정 언어로 HTML페이지를 동적으로 생성하여 제공합니다. 언제 html 태그에 lang 속성을 사용하는가? (webisfree.com/2019-02-27/html-css-lang-%ED%94%8..

참고: github.com/zereight/front-end-interview-handbook/blob/master/contents/kr/README.md zereight/front-end-interview-handbook 🕸 No-bullshit answers to the famous h5bp "Front-end Job Interview Questions" - zereight/front-end-interview-handbook github.com DOCTYPE이란 무엇인가? DOCTYPE은 document type의 약어이다. DOCTYPE은 항상 DTD (document type definition)과 관련된다. (DTD는 특정 문서가 어떻게 구성되어야 하는지 정의하는 역할) 웹페이지에는 DOCTYP..