AI 활용 개발 역량 평가 50문항 | AI인재 역량 진단 테스트

AI활용

1. 대형 언어 모델(LLM)에서 '할루시네이션(Hallucination)'이 발생하는 주된 이유로 가장 적절한 것은?

A. 학습 데이터의 용량이 부족하기 때문

B. 모델이 사실 확인 없이 확률적으로 가장 자연스러운 토큰을 생성하기 때문

C. GPU 메모리가 부족하면 정답 대신 오답을 출력하도록 설계되어 있기 때문

D. 인터넷에 연결되지 않아 최신 정보를 참조하지 못하기 때문

정답 B — LLM은 다음 토큰의 확률 분포에서 샘플링하므로 사실 여부와 무관하게 유창한 문장을 생성할 수 있습니다.

AI활용

2. RAG(Retrieval-Augmented Generation) 아키텍처의 핵심 목적은?

A. LLM의 파라미터를 줄여 추론 속도를 높인다

B. 외부 지식베이스를 실시간으로 검색해 모델에게 사실적 맥락을 제공한다

C. 프롬프트 길이를 자동으로 압축해 토큰 비용을 절감한다

D. 여러 LLM을 병렬 실행해 가장 좋은 답변을 선택한다

정답 B — RAG는 벡터 검색으로 관련 문서를 가져와 LLM의 컨텍스트에 삽입함으로써 최신·도메인 정보에 기반한 답변을 생성합니다.

AI활용

3. 다음 중 '퓨샷(Few-shot) 프롬프팅'에 대한 설명으로 올바른 것은?

A. 모델 가중치를 소량의 데이터로 미세조정(fine-tuning)하는 기법

B. 프롬프트 내에 입출력 예시를 2~5개 포함해 모델이 패턴을 학습하도록 유도

C. 시스템 프롬프트를 전혀 쓰지 않고 사용자 메시지만으로 결과를 얻는 방식

D. 모델이 답변을 생성하기 전에 항상 웹 검색을 수행하도록 강제

정답 B — Few-shot prompting은 예시(example)를 프롬프트에 직접 삽입해 모델이 원하는 형식·톤으로 응답하도록 유도하는 in-context learning 방법입니다.

AI활용

4. LLM API 호출 시 'temperature' 값을 0에 가깝게 설정했을 때의 효과로 옳은 것은?

A. 응답 속도가 빨라진다

B. 더 창의적이고 다양한 답변이 나온다

C. 가장 확률이 높은 토큰을 일관되게 선택해 결정론적 답변에 가까워진다

D. 토큰 비용이 절감된다

정답 C — temperature≈0은 greedy decoding에 가까워지며 동일 입력에 대해 거의 같은 출력을 생성합니다.

AI활용

5. AI 에이전트(Agent)가 'Tool use(함수 호출)'를 사용하는 주된 이유는?

A. 더 긴 텍스트를 생성하기 위해

B. 외부 시스템(DB, API, 브라우저 등)을 호출해 실제 작업을 수행하기 위해

C. 학습된 파라미터를 업데이트하기 위해

D. 여러 언어로 동시에 답변하기 위해

정답 B — Tool use는 LLM이 텍스트 생성에서 벗어나 실제 코드 실행, API 호출, 파일 조작 등을 수행할 수 있게 합니다.

AI활용

6. 임베딩(Embedding) 벡터를 이용한 의미 검색(semantic search)에서 코사인 유사도(cosine similarity)가 1에 가까울수록 의미하는 것은?

A. 두 텍스트가 의미적으로 유사하다

B. 두 벡터의 크기가 동일하다

C. 두 텍스트의 단어 수가 같다

D. 두 텍스트가 의미적으로 반대이다

정답 A — cosine similarity는 벡터 방향의 유사도를 측정하며, 1에 가까울수록 의미적으로 유사한 문서입니다.

AI활용

7. 프롬프트 엔지니어링에서 'Chain-of-Thought(CoT)' 기법의 핵심은?

A. 답변만 출력하고 근거는 생략하도록 지시

B. 모델이 답을 내기 전에 단계별 추론 과정을 명시하도록 유도

C. 여러 모델을 체인처럼 연결해 출력을 순차적으로 전달

D. 시스템 프롬프트를 여러 문단으로 나눠 제공

정답 B — "단계적으로 생각하라(Let's think step by step)"처럼 추론 과정을 명시하게 하면 복잡한 문제의 정확도가 높아집니다.

AI활용

8. 다음 중 AI 코드 어시스턴트를 업무에 효과적으로 활용하는 방법으로 가장 부적절한 것은?

A. 생성된 코드를 반드시 검토하고 테스트한 뒤 사용한다

B. AI가 생성한 코드를 검토 없이 즉시 프로덕션에 배포한다

C. 구체적인 컨텍스트(언어, 프레임워크, 목적)를 포함해 질문한다

D. 반복 패턴의 보일러플레이트 코드 생성에 활용한다

정답 B — AI 생성 코드는 오류, 보안 취약점, 비효율이 포함될 수 있으므로 반드시 검토 후 사용해야 합니다.

AI활용

9. LLM의 '컨텍스트 윈도우(context window)' 크기가 중요한 이유는?

A. 컨텍스트가 클수록 모델의 파라미터 수가 증가하기 때문

B. 한 번에 처리할 수 있는 입력+출력 텍스트의 최대 분량을 결정하기 때문

C. 응답 언어(한국어/영어 등)를 결정하기 때문

D. API 요금제를 결정하기 때문

정답 B — 컨텍스트 윈도우를 초과하면 이전 대화나 문서를 잘라내야 하므로, 장문 처리·대화 유지 여부에 직접 영향을 줍니다.

AI활용

10. 멀티-에이전트 시스템에서 '오케스트레이터(Orchestrator)' 에이전트의 역할로 가장 적절한 것은?

A. 직접 모든 도구를 실행해 결과를 생성

B. 전체 목표를 하위 작업으로 분해해 전문 에이전트에게 위임하고 결과를 통합

C. 사용자 인터페이스를 렌더링

D. 벡터 데이터베이스에 임베딩을 저장

정답 B — 오케스트레이터는 계획(planning)·위임(delegation)·통합(synthesis)을 담당하며, 실제 실행은 서브에이전트가 수행합니다.

프론트엔드

11. CSS에서 position: sticky가 동작하려면 반드시 필요한 조건은?

A. 부모 요소에 overflow: hidden 설정

B. top / bottom 중 하나 이상의 임계값 설정

C. z-index를 반드시 명시

D. 부모 요소에 display: flex 설정

정답 B — sticky는 임계값(top/left/right/bottom) 없이는 static처럼 동작합니다. 또한 부모에 overflow:hidden이 있으면 오히려 작동이 안 됩니다.

프론트엔드

12. Tailwind CSS에서 반응형 접두어 md:가 적용되는 기본 기준 너비는?

A. 480px 이상

B. 640px 이상

C. 768px 이상

D. 1024px 이상

정답 C — Tailwind 기본 중단점: sm=640px, md=768px, lg=1024px, xl=1280px, 2xl=1536px.

프론트엔드

13. JavaScript의 event.preventDefault()를 폼 submit 이벤트 핸들러에서 호출하는 이유는?

A. 폼 데이터를 암호화하기 위해

B. 브라우저 기본 동작(페이지 이동/새로고침)을 막고 JS로 직접 처리하기 위해

C. 유효성 검사를 생략하기 위해

D. 이벤트 버블링을 중단하기 위해

정답 B — preventDefault()는 브라우저의 기본 submit 동작(GET/POST 전송 후 리로드)을 막아 fetch/XHR로 직접 처리하는 SPA 패턴에서 핵심입니다.

프론트엔드

14. 웹 성능 최적화를 위해 이미지에 loading="lazy" 속성을 추가하는 효과로 옳은 것은?

A. 이미지를 WebP 포맷으로 자동 변환

B. 뷰포트에 들어올 때까지 이미지 로딩을 지연시켜 초기 페이지 로드를 빠르게 함

C. 이미지를 Base64로 인코딩해 HTTP 요청을 줄임

D. 이미지를 CDN에 자동으로 업로드

정답 B — Lazy loading은 화면 밖의 이미지 다운로드를 뒤로 미뤄 LCP 개선과 초기 대역폭 절감 효과가 있습니다.

프론트엔드

15. CSS 애니메이션 성능 최적화를 위해 권장되는 속성은?

A. width와 height 변화

B. margin과 padding 변화

C. transform과 opacity만 변화

D. top과 left 변화

정답 C — transform·opacity는 GPU 합성 레이어에서 처리되어 layout/paint 단계를 건너뜁니다. 나머지는 리플로우를 유발합니다.

프론트엔드

16. async/await를 사용할 때, await는 어디에서만 사용할 수 있는가?

A. 전역 스코프 어디서나 사용 가능

B. async로 선언된 함수 내부 (또는 ES 모듈 최상단)

C. try-catch 블록 내부에서만

D. 클래스 생성자(constructor) 내부에서만

정답 B — await는 async 함수 내부, 또는 최상위 await(Top-level await)를 지원하는 ES 모듈에서만 사용 가능합니다.

프론트엔드

17. 다음 중 XSS(Cross-Site Scripting) 공격을 방지하기 위한 올바른 방법은?

A. 사용자 입력을 innerHTML에 직접 삽입

B. 사용자 입력을 textContent로 삽입하거나 HTML 인코딩 후 사용

C. HTTPS를 사용하면 자동으로 방지됨

D. 쿠키에 Secure 플래그를 붙이면 방지됨

정답 B — innerHTML은 스크립트 실행을 허용합니다. textContent는 텍스트만 삽입하므로 XSS가 불가능하며, 서버측 HTML 인코딩도 필수입니다.

프론트엔드

18. CSS Grid에서 grid-template-columns: repeat(3, 1fr)의 의미는?

A. 3개의 행을 동일 높이로 생성

B. 컨테이너 너비를 3등분한 동일한 너비의 열 3개 생성

C. 최소 3개 열이 생기고 나머지는 auto로 채움

D. 각 열의 최대 너비를 300px으로 제한

정답 B — 1fr은 사용 가능한 공간의 1/n을 의미하며, repeat(3, 1fr)은 컨테이너를 3등분한 3열 그리드를 만듭니다.

프론트엔드

19. 브라우저 렌더링 파이프라인에서 레이아웃(Reflow)을 유발하는 CSS 속성 변경 시 성능 문제가 발생하는 이유는?

A. 해당 요소의 배경색을 다시 계산해야 하기 때문

B. 요소의 크기·위치가 바뀌면 주변 요소까지 재배치해야 하므로 연산 비용이 크기 때문

C. JS 이벤트 루프가 일시 중지되기 때문

D. 네트워크 요청이 추가로 발생하기 때문

정답 B — Reflow는 DOM 트리 전체 또는 일부의 기하학적 정보를 재계산하므로, 특히 루트 근처 요소에 적용되면 전체 레이아웃을 다시 계산해야 합니다.

프론트엔드

20. localStorage와 sessionStorage의 가장 큰 차이는?

A. localStorage는 최대 5MB, sessionStorage는 최대 1MB

B. localStorage는 탭을 닫아도 데이터 유지, sessionStorage는 탭 닫히면 소멸

C. sessionStorage는 서버에 저장, localStorage는 브라우저에 저장

D. localStorage는 JS로 접근 불가, sessionStorage는 JS로 접근 가능

정답 B — localStorage는 명시적 삭제 전까지 영구 보존, sessionStorage는 브라우저 탭(세션) 종료 시 자동 삭제됩니다.

DB/Supabase

21. PostgreSQL에서 EXPLAIN ANALYZE를 사용하는 목적은?

A. 테이블 스키마를 자동으로 최적화

B. 쿼리 실행 계획과 실제 소요 시간을 확인해 병목을 파악

C. 데이터를 분석해 중복 행을 자동 삭제

D. 실행 전 구문 오류만 검사하고 실제 실행은 안 함

정답 B — EXPLAIN ANALYZE는 쿼리를 실제 실행하고 각 노드의 예상/실제 행 수·비용·시간을 출력해 인덱스 누락이나 불필요한 Seq Scan을 발견하는 데 사용됩니다.

DB/Supabase

22. Supabase의 RLS(Row Level Security)를 활성화하는 주된 이유는?

A. 테이블 조회 속도를 높이기 위해

B. anon 키가 공개되어도 정책(policy)에 따라 행 단위 접근을 제한하기 위해

C. 데이터를 자동으로 암호화하기 위해

D. 실시간 구독 기능을 활성화하기 위해

정답 B — Supabase의 anon key는 클라이언트 코드에 노출되므로, RLS 정책 없이는 누구나 전체 테이블을 읽거나 쓸 수 있습니다.

DB/Supabase

23. SQL LEFT JOIN과 INNER JOIN의 차이로 옳은 것은?

A. LEFT JOIN은 오른쪽 테이블 기준, INNER JOIN은 왼쪽 테이블 기준

B. LEFT JOIN은 왼쪽 테이블 모든 행 유지(오른쪽 매칭 없으면 NULL), INNER JOIN은 양쪽 모두 매칭된 행만 반환

C. INNER JOIN이 더 느리고 LEFT JOIN이 항상 빠름

D. LEFT JOIN은 외래키 없이 사용 불가

정답 B — LEFT JOIN은 왼쪽 테이블을 기준으로 오른쪽 조건이 없어도 NULL을 채워 반환합니다. 게시물과 댓글처럼 "댓글 없는 게시물도 보이게"할 때 유용합니다.

DB/Supabase

24. Supabase에서 클라이언트 JS가 데이터를 삽입(INSERT)만 할 수 있고 조회는 할 수 없게 만들려면?

A. 테이블을 완전 비공개(private)로 설정

B. RLS를 활성화하고 INSERT 정책만 추가하며 SELECT 정책은 추가하지 않음

C. anon 키 대신 service_role 키를 클라이언트에 노출

D. 테이블에 트리거를 추가해 SELECT를 에러로 반환

정답 B — RLS가 켜져 있으면 기본적으로 모든 접근이 차단됩니다. INSERT 정책만 생성하면 anon 사용자는 쓰기만 가능하고 읽기는 불가합니다.

DB/Supabase

25. 데이터베이스 인덱스(Index)를 과도하게 추가할 때 생기는 부작용은?

A. SELECT 쿼리 속도가 더 느려진다

B. INSERT/UPDATE/DELETE 시 인덱스도 갱신해야 하므로 쓰기 성능이 저하된다

C. 트랜잭션을 사용할 수 없게 된다

D. 데이터 무결성이 손상된다

정답 B — 인덱스는 읽기를 빠르게 하지만, 변경 시 인덱스 자료구조(B-Tree 등)도 갱신해야 하므로 쓰기 집약적인 테이블에서는 오히려 성능 저하를 유발합니다.

DB/Supabase

26. Supabase Storage에 파일을 업로드한 뒤 공개 URL을 얻으려면 버킷을 어떻게 설정해야 하는가?

A. 버킷을 Public으로 설정하거나 Signed URL을 생성

B. RLS를 비활성화하면 자동으로 공개됨

C. 파일을 Base64로 인코딩하면 URL이 생성됨

D. service_role 키로 업로드하면 자동으로 공개됨

정답 A — Public 버킷이면 누구나 URL로 접근 가능하고, Private 버킷이면 만료 기간이 있는 Signed URL을 발급해야 합니다.

DB/Supabase

27. 다음 SQL에서 GROUP BY department HAVING COUNT(*) > 5의 의미로 옳은 것은?

A. department 컬럼이 5자 이상인 행만 필터링

B. department별로 그룹화한 뒤, 각 그룹의 행 수가 5개 초과인 그룹만 반환

C. department 값이 5 이상인 행을 COUNT해서 반환

D. WHERE 절과 동일하게 그룹화 전에 필터링

정답 B — HAVING은 GROUP BY 이후 집계 결과에 대한 필터입니다. WHERE는 그룹화 전, HAVING은 그룹화 후에 적용됩니다.

DB/Supabase

28. Supabase Realtime을 사용할 때 클라이언트가 특정 테이블의 변경 사항을 수신하려면?

A. 1초마다 SELECT 쿼리를 반복 실행(폴링)

B. supabase.channel()로 채널을 만들고 on('postgres_changes')로 구독

C. 테이블에 트리거를 추가해 클라이언트로 직접 HTTP 요청을 보냄

D. SSE(Server-Sent Events)를 직접 구현

정답 B — Supabase Realtime은 WebSocket 기반 채널 구독 방식으로, channel().on('postgres_changes', ...).subscribe() 패턴을 사용합니다.

DB/Supabase

29. 소프트 삭제(Soft Delete) 패턴을 사용하는 이유로 가장 적절한 것은?

A. 디스크 용량을 절약하기 위해

B. 데이터 복구 가능성 확보 및 관련 외래키 무결성 유지

C. DELETE 쿼리보다 UPDATE가 항상 빠르기 때문

D. RLS 정책이 DELETE를 지원하지 않기 때문

정답 B — is_deleted=true로 마킹하면 실수로 삭제된 데이터를 복구할 수 있고, 관련 레코드와의 관계도 보존되며 감사 로그(audit trail) 역할도 합니다.

DB/Supabase

30. Supabase Edge Function을 사용하는 적절한 상황은?

A. 클라이언트에서 직접 노출하면 안 되는 API 키를 사용해 외부 서비스를 호출할 때

B. HTML 파일을 렌더링해서 브라우저에 전달할 때

C. Supabase DB에서 SELECT만 실행할 때

D. 정적 CSS 파일을 서빙할 때

정답 A — Edge Function은 서버사이드에서 실행되므로 RESEND, OpenAI, Stripe 등의 민감한 API 키를 안전하게 사용할 수 있습니다.

Python

31. Playwright를 사용하는 웹 크롤러가 requests+BeautifulSoup 크롤러보다 유리한 경우는?

A. 정적 HTML만 있는 사이트를 빠르게 대량 수집할 때

B. JavaScript가 실행된 후 동적으로 렌더링되는 콘텐츠를 수집할 때

C. RSS 피드를 파싱할 때

D. API 응답(JSON)을 파싱할 때

정답 B — Playwright는 실제 브라우저를 제어하므로 React·Vue·Angular 등 JS 렌더링 사이트에서도 콘텐츠를 수집할 수 있습니다.

Python

32. Python에서 requests.get(url, timeout=5)에서 timeout 파라미터를 설정하는 이유는?

A. 응답이 5초보다 빠를 때 에러를 발생시키기 위해

B. 응답이 없는 서버에 연결될 때 프로그램이 영원히 멈추는 것을 방지

C. 요청 속도를 5초에 1회로 제한

D. 응답 데이터를 5초 동안 캐시

정답 B — timeout 없이 hang된 서버에 요청하면 스크립트가 무기한 대기합니다. timeout은 연결 실패 시 예외를 발생시켜 자동화 파이프라인이 멈추지 않도록 합니다.

Python

33. Python에서 with open('file.csv', 'w', newline='', encoding='utf-8-sig') as f에서 utf-8-sig를 사용하는 이유는?

A. 파일 크기를 줄이기 위해

B. Excel에서 열 때 한글이 깨지지 않도록 BOM을 추가하기 위해

C. CSV 파일에 서명(signature)을 삽입해 위변조를 방지하기 위해

D. 더 빠른 인코딩 알고리즘을 사용하기 위해

정답 B — utf-8-sig는 BOM(Byte Order Mark)을 파일 앞에 추가해 Windows Excel이 파일을 UTF-8로 인식하게 합니다. BOM 없으면 한글이 깨집니다.

Python

34. BeautifulSoup에서 soup.select('div.card > a.title')가 선택하는 요소는?

A. div.card 안에 있는 모든 a 태그

B. div.card의 직계 자식 중 class="title"인 a 태그

C. class="card"인 div 다음에 오는 a.title

D. div.card와 a.title 중 하나라도 일치하는 요소

정답 B — CSS 선택자에서 >는 직계 자식(direct child)을 의미합니다. 공백은 모든 자손(descendant)을 선택합니다.

Python

35. Python dotenv 라이브러리를 자동화 스크립트에서 사용하는 이유는?

A. 소수점(dot) 연산 속도를 최적화하기 위해

B. API 키 등 민감한 정보를 코드에 하드코딩하지 않고 .env 파일로 분리 관리

C. Python 패키지 의존성을 자동으로 설치

D. 파일을 점(dot)으로 시작하는 숨김 파일로 변환

정답 B — .env 파일은 .gitignore에 추가해 저장소에 올리지 않음으로써 API 키·비밀번호를 소스코드에서 분리할 수 있습니다.

Python

36. 크롤러가 robots.txt를 준수해야 하는 이유로 가장 적절한 것은?

A. 준수하지 않으면 Python이 실행을 거부하기 때문

B. 사이트의 수집 허용 범위를 존중하고 법적·윤리적 분쟁을 예방하기 위해

C. robots.txt에 명시된 URL만 수집하면 속도가 빠르기 때문

D. 크롤링 결과의 정확도가 높아지기 때문

Python

37. Python asyncio를 사용한 비동기 크롤링이 동기 방식보다 유리한 이유는?

A. CPU 연산을 여러 코어에 분산할 수 있기 때문

B. I/O 대기(네트워크 응답) 중에 다른 요청을 처리해 총 수집 시간을 단축

C. 동기 코드보다 메모리를 적게 사용

D. JS 렌더링 페이지도 자동으로 처리

정답 B — 크롤링의 병목은 대부분 네트워크 I/O입니다. asyncio는 단일 스레드에서 수백 개 요청을 동시에 진행할 수 있어 수십 배 속도 향상이 가능합니다.

Python

38. 자동화 파이프라인에서 try-except-finally 블록의 finally를 사용하는 이유는?

A. 예외가 발생했을 때만 실행되는 로직을 정의하기 위해

B. 성공·실패 관계없이 반드시 실행해야 할 정리 작업(DB 연결 해제, 파일 닫기 등) 보장

C. try 블록에서 return된 값을 수정하기 위해

D. 예외를 무시하고 다음 코드를 실행하기 위해

정답 B — finally는 예외 발생 여부와 무관하게 항상 실행되므로 리소스 누수(resource leak) 방지에 필수적입니다.

SEO

39. 검색엔진 최적화(SEO)에서 <title> 태그와 meta description의 권장 글자 수로 옳은 것은?

A. title 30자, description 80자

B. title 50~60자, description 150~160자

C. title 100자, description 300자

D. title·description 모두 255자 이하

정답 B — Google SERP 기준으로 title은 50~60자(약 580px), description은 150~160자를 초과하면 잘려서 표시됩니다.

SEO

40. 구조화 데이터(JSON-LD)를 웹페이지에 삽입하는 주된 목적은?

A. 페이지 로딩 속도를 높이기 위해

B. 검색엔진이 콘텐츠 의미를 이해해 리치 스니펫(별점·FAQ·이벤트 등)으로 표시하도록

C. 사용자에게 보이는 페이지 레이아웃을 정의

D. CSS를 JavaScript로 대체

정답 B — schema.org 기반 JSON-LD를 삽입하면 Google이 리치 결과(Rich Result)로 표시해 CTR을 높일 수 있습니다.

SEO

41. Core Web Vitals 지표 중 LCP(Largest Contentful Paint)가 측정하는 것은?

A. 페이지 내 모든 이미지의 총 로드 시간

B. 뷰포트에서 가장 큰 콘텐츠 요소가 렌더링되는 데 걸리는 시간

C. 첫 번째 사용자 상호작용까지의 지연 시간

D. 페이지 이탈률(Bounce Rate)

정답 B — LCP는 사용자가 페이지를 로딩할 때 "주요 콘텐츠가 언제 보이는가"를 나타내며 2.5초 이하가 Good 기준입니다.

SEO

42. rel="canonical" 태그를 사용하는 상황으로 가장 적절한 것은?

A. 외부 링크를 새 탭에서 열기 위해

B. 같은 콘텐츠가 여러 URL에 존재할 때 대표 URL을 명시해 중복 콘텐츠 패널티 방지

C. 특정 페이지를 검색엔진 색인에서 제외

D. 소셜 미디어 공유 시 이미지를 지정

정답 B — ?page=1, ?sort=asc 등 파라미터 차이로 같은 내용의 URL이 여러 개일 때 canonical로 권위 있는 URL을 지정합니다.

SEO

43. 정적 HTML 사이트 vs. CSR(Client-Side Rendering) SPA의 SEO 차이로 옳은 것은?

A. SPA는 JS 없이도 모든 콘텐츠가 즉시 색인된다

B. 정적 HTML은 서버에서 완성된 HTML을 내려줘 크롤러가 JS 실행 없이 즉시 색인 가능

C. CSR SPA는 크롤러가 JS를 실행하지 않으므로 항상 SEO에 유리

D. 정적 HTML은 Google에 색인되지 않는다

정답 B — 정적 HTML은 크롤러가 JS를 실행하지 않아도 콘텐츠를 읽을 수 있습니다. CSR은 Googlebot이 JS를 처리하지만 지연(deferred indexing) 문제가 발생할 수 있습니다.

DevOps

44. Vercel에 배포한 사이트에서 환경변수(예: API 키)를 올바르게 설정하는 방법은?

A. GitHub 저장소의 README에 키를 공개

B. Vercel 대시보드 → Settings → Environment Variables에 등록

C. HTML 파일의 <meta> 태그에 키를 삽입

D. .env 파일을 Git에 커밋해서 배포

정답 B — .env는 절대 커밋하지 않고, Vercel 환경변수 설정 UI를 통해 서버사이드 런타임에서 사용할 수 있게 합니다.

DevOps

45. Git에서 git revert <commit>와 git reset --hard <commit>의 차이로 옳은 것은?

A. revert는 로컬에서만, reset은 원격에도 자동 반영

B. revert는 새 커밋으로 변경 사항을 되돌려 이력을 보존, reset --hard는 커밋 이력 자체를 삭제

C. reset은 스테이징 영역만 초기화, revert는 워킹 디렉토리도 초기화

D. 둘 다 협업 환경에서 안전하게 사용 가능

정답 B — 공유 브랜치에서는 revert가 안전합니다. reset --hard는 이력을 날리므로 이미 push된 커밋에 사용하면 협업자에게 문제가 생깁니다.

DevOps

46. Vercel의 Preview Deployment가 제공하는 핵심 가치는?

A. 프로덕션 빌드보다 더 빠르게 실행

B. PR/브랜치마다 독립적인 URL이 생성되어 프로덕션 영향 없이 변경 사항 미리 확인

C. 도메인 없이 사이트를 운영할 수 있게 함

D. 환경변수를 자동으로 암호화

정답 B — PR을 열면 자동으로 preview URL이 생성되어, 팀원이 코드 리뷰 전 실제 동작을 확인할 수 있습니다.

분석

47. GA4(Google Analytics 4)의 이벤트 기반 데이터 모델이 UA(Universal Analytics)와 가장 다른 점은?

A. GA4는 이탈률을 측정하지 않는다

B. 모든 사용자 행동을 세션·페이지뷰·이벤트로 구분하는 대신, GA4는 모든 것을 이벤트로 통합 처리

C. GA4는 실시간 데이터를 지원하지 않는다

D. GA4는 무료가 아니다

정답 B — GA4는 페이지뷰·클릭·스크롤·전환 모두를 이벤트로 처리하며, 세션 개념보다 사용자 중심의 여정 분석에 적합합니다.

분석

48. 퍼널 분석(Funnel Analysis)에서 각 단계 간 '이탈률'을 줄이기 위한 가장 효과적인 접근은?

A. 모든 페이지에 팝업 광고를 추가

B. 이탈 단계의 사용자 행동 데이터를 분석해 UX 마찰 요인을 특정하고 A/B 테스트로 개선

C. 퍼널 단계 수를 무조건 늘려 세분화

D. 광고 예산을 늘려 더 많은 사용자를 유입

정답 B — 이탈 원인을 데이터로 파악한 뒤 가설 기반 A/B 테스트로 검증하는 것이 전환율 최적화(CRO)의 기본 접근입니다.

보안

49. API Rate Limiting을 적용하는 주된 이유는?

A. 응답 데이터를 압축해 전송량을 줄이기 위해

B. 특정 클라이언트가 과도한 요청으로 서버를 과부하시키거나 비용을 발생시키는 것을 방지

C. SSL 인증서를 자동으로 갱신하기 위해

D. 데이터베이스 연결 수를 줄이기 위해

정답 B — Rate Limiting은 DDoS 완화, 크롤링 봇 차단, API 남용 방지, LLM API 비용 폭탄 방지 등에 필수적입니다.

UX기획

50. 랜딩페이지의 전환율(CVR)을 높이기 위해 히어로 섹션(Hero Section)에서 가장 중요한 요소는?

A. 화려한 배경 동영상과 애니메이션

B. 타겟 고객의 가장 큰 욕구나 고통을 짚는 명확한 헤드라인과 단일 CTA 버튼

C. 소셜 미디어 팔로워 수

D. 제품의 모든 기능을 나열한 상세 목록

정답 B — 히어로 섹션의 핵심은 "5초 안에 무엇을 위한 사이트인지, 방문자에게 어떤 이익이 있는지"를 전달하는 명확한 헤드라인과 행동 유도 버튼입니다.

AI 활용 개발 역량 평가

영역 1 · AI 활용 (문항 1~10)

영역 2 · 웹 프론트엔드 (문항 11~20)

영역 3 · 데이터베이스 / Supabase (문항 21~30)

영역 4 · Python 자동화 (문항 31~38)

영역 5 · SEO / 콘텐츠 전략 (문항 39~43)

영역 6 · 배포 / DevOps (문항 44~46)

영역 7 · 데이터 분석 (문항 47~48)

영역 8 · 보안 (문항 49)

영역 9 · 기획 / UX (문항 50)