프론트엔드 상식 문제

프론트엔드 분야 상식 퀴즈 20문항을 로그인 없이 한 문제씩 풀어 볼 수 있습니다. 더 어려운 문제와 오답 복습은 LoreUp 앱에서 이어집니다.

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