프론트엔드 상식 문제

프론트엔드 상식 퀴즈 20문항을 로그인 없이 풀어 보세요. 오답 복습은 LoreUp 앱에서 합니다.

• HTML 파일은 메모장 같은 일반 문서 편집기로는 만들 수 없다.프론트엔드
• 플렉스박스는 요소를 바둑판처럼 행과 열 두 방향으로 함께 배치하려고 만든 방식이다.프론트엔드
• HTML에서 다른 페이지로 이동하는 링크를 만들 때 쓰는 태그는?프론트엔드
• CSS에서 같은 요소에 규칙이 겹치면 먼저 쓴 규칙이 이긴다.프론트엔드
• 미디어 쿼리는 화면 크기와 상관없이 같은 스타일을 적용하기 위한 문법이다.프론트엔드
• 자바스크립트는 버튼 클릭 같은 사용자 동작에 이벤트 리스너를 붙여 반응할 수 있다.프론트엔드
• 웹 페이지의 글꼴·색·배치 같은 겉모습을 지정하는 언어는?프론트엔드
• 웹 페이지를 받아 화면에 그려 주는 프로그램은?프론트엔드
• 이미지를 볼 수 없을 때 대신 읽히는 설명을 담는 `<img>` 태그의 속성은?프론트엔드
• 요소를 가로나 세로 한 방향으로 줄 세워 배치할 때 쓰는 CSS 레이아웃 방식은?프론트엔드
• 화면 너비에 따라 다른 스타일을 적용해 반응형을 만드는 CSS 문법은?프론트엔드
• 버튼을 눌렀을 때 자바스크립트 함수가 실행되도록 등록하는 것을 무엇이라 하는가?프론트엔드
• 웹 브라우저에서 그대로 실행되며 웹 페이지에 동작을 넣는 대표적인 언어는?프론트엔드
• CSS에서 클래스 선택자를 쓸 때 이름 앞에 붙이는 기호는?프론트엔드
• 웹 페이지의 구조를 표현할 때 쓰는 마크업 언어는?프론트엔드
• HTML은 웹 문서의 구조를 나타내는 마크업 언어다.프론트엔드
• CSS는 웹 페이지의 글꼴·색·배치 같은 겉모습을 꾸미는 데 쓴다.프론트엔드
• CSS에서 클래스 선택자는 이름 앞에 점(.)을 붙여 쓴다.프론트엔드
• 웹 브라우저는 웹 페이지를 만들기만 할 뿐 화면에 보여 주지는 못한다.프론트엔드
• `<img>` 태그의 alt 속성은 이미지를 볼 수 없을 때 대신 읽히는 설명을 담는다.프론트엔드