HS Lab운영 콘솔

Quizzes

문제은행

학습한 내용을 객관식, OX, 주관식 문제로 확인합니다.

JavaScriptmultiple

map과 forEach 차이

배열을 순회하면서 새 배열을 만들어 UI 카드 데이터로 변환할 때 가장 적절한 메서드는 무엇인가요?

JavaScriptmultiple

배열 filter 활용

카테고리 버튼으로 카드 목록을 좁혀 보여줄 때 원본 배열을 보존하며 조건에 맞는 배열을 얻는 메서드는?

JavaScriptshort

이벤트 위임 개념

동적으로 추가되는 여러 버튼 각각에 이벤트를 붙이지 않고, 부모 요소 하나에서 이벤트를 처리하는 패턴을 무엇이라고 하나요?

JavaScriptmultiple

jQuery class toggle과 classList 차이

jQuery의 $(el).toggleClass("active")와 가장 가까운 바닐라 JS 표현은 무엇인가요?

TypeScriptmultiple

any와 unknown 차이

외부 API 응답처럼 아직 구조가 검증되지 않은 값을 받을 때 any보다 unknown이 더 안전한 이유는 무엇인가요?

TypeScriptshort

API 응답을 바로 as로 단언하면 위험한 이유

API 응답을 검증 없이 `as User[]`처럼 단언하면 어떤 문제가 생길 수 있나요?

Reactmultiple

React 필터 상태 관리

카테고리 필터 UI에서 원본 배열을 직접 mutate하지 않는 주된 이유는 무엇인가요?

Next.jsox

App Router 세그먼트

Next.js App Router에서 app/docs/[slug]/page.tsx는 동적 상세 페이지를 만들 수 있다.

Docker / Infrashort

Docker 내부 네트워크

NPM과 앱 컨테이너가 같은 Docker network에 있을 때, 프록시 대상 host에는 무엇을 넣을 수 있나요?