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. 크롤링 결과의 정확도가 높아지기 때문

정답 B — robots.txt 위반은 서버 과부하 유발, 이용약관 위배, 저작권·컴퓨터 통신망 법률 위반으로 이어질 수 있습니다.

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. LLM 파인튜닝(fine-tuning)과 프롬프트 엔지니어링의 가장 큰 차이점은?

A. 파인튜닝은 인터넷 검색을 사용하고, 프롬프트 엔지니어링은 사용하지 않는다

B. 파인튜닝은 모델 가중치를 수정하지만, 프롬프트 엔지니어링은 가중치를 변경하지 않는다

C. 프롬프트 엔지니어링은 항상 파인튜닝보다 성능이 좋다

D. 파인튜닝은 추론 속도를 높이고, 프롬프트 엔지니어링은 정확도를 높인다

정답 B — 파인튜닝은 추가 학습으로 가중치를 업데이트하며, 프롬프트 엔지니어링은 입력 텍스트만 조정합니다.

AI활용

2. LLM API에서 '토큰(token)'에 대한 설명으로 올바른 것은?

A. 한 단어가 반드시 하나의 토큰이다

B. 토큰은 텍스트를 분할하는 기본 단위로, 한 단어가 여러 토큰으로 나뉠 수 있다

C. 영어와 한국어의 토큰 비율은 동일하다

D. 토큰 수는 문장의 의미와 무관하다

정답 B — 토크나이저는 단어, 접두사, 음절 등을 기준으로 분리하며, 한국어는 영어보다 토큰 비율이 높습니다.

AI활용

3. 시스템 프롬프트(system prompt)와 사용자 메시지(user message)의 차이는?

A. 시스템 프롬프트는 사용자가 입력하고, 사용자 메시지는 개발자가 입력한다

B. 시스템 프롬프트는 모델의 역할·제약·톤을 설정하고, 사용자 메시지는 실제 요청을 담는다

C. 시스템 프롬프트는 무료이고, 사용자 메시지는 유료이다

D. 둘의 역할은 동일하며 순서만 다르다

정답 B — 시스템 프롬프트는 대화 시작 전 개발자가 설정하는 지시이며, 사용자 메시지는 런타임에 입력됩니다.

AI활용

4. 프롬프트 인젝션(Prompt Injection) 공격의 설명으로 옳은 것은?

A. LLM이 과도한 토큰을 생성해 서버를 과부하시키는 공격

B. 사용자 입력에 악의적 지시를 삽입해 LLM이 원래 시스템 지시를 무시하도록 유도하는 공격

C. 외부 데이터베이스를 무단으로 수정하는 SQL 인젝션의 일종

D. GPU 메모리를 고갈시켜 모델을 다운시키는 공격

정답 B — 공격자가 "이전 지시를 무시하고 …를 수행하라" 같은 텍스트를 삽입해 모델 행동을 조작합니다.

AI활용

5. 벡터 데이터베이스(Vector DB)를 RAG 파이프라인에 사용하는 이유는?

A. 관계형 데이터 정규화를 위해

B. 임베딩 벡터의 유사도 검색을 빠르게 수행하기 위해

C. 텍스트를 이미지로 변환하기 위해

D. 사용자 인증을 처리하기 위해

정답 B — ANN(근사 최근접 이웃) 알고리즘으로 수백만 벡터 중 유사한 문서를 밀리초 안에 검색합니다.

AI활용

6. LLM API 호출 시 max_tokens 파라미터의 역할은?

A. 입력 프롬프트의 최대 길이를 제한한다

B. 모델이 생성할 응답의 최대 토큰 수를 제한한다

C. API 호출 횟수를 제한한다

D. 모델의 메모리 사용량을 제한한다

정답 B — max_tokens는 출력 길이 상한으로, 비용 제어와 응답 간결성을 위해 사용합니다.

AI활용

7. AI 에이전트에서 '메모리(memory)'가 필요한 이유는?

A. 더 빠른 응답 속도를 위해

B. 이전 대화 맥락을 유지해 연속적인 작업 수행이 가능하도록

C. GPU 메모리 절약을 위해

D. 텍스트를 데이터베이스에 저장하기 위해

정답 B — 외부 메모리(벡터 DB, 요약 등)를 통해 긴 대화 맥락을 유지하고 다음 스텝에 활용합니다.

AI활용

8. LLM의 'Structured Output(구조화된 출력)' 기능의 장점은?

A. 응답 길이를 단축시킨다

B. JSON 등 특정 스키마에 맞는 출력을 보장해 파싱 오류를 줄인다

C. 모델의 창의성을 높인다

D. 토큰 비용을 절감한다

정답 B — 스키마를 강제하면 LLM 출력을 JSON.parse()로 바로 파싱해 후처리 없이 사용할 수 있습니다.

AI활용

9. AI 에이전트의 'agentic loop(에이전틱 루프)'란?

A. 무한 반복 실행으로 서버를 과부하시키는 패턴

B. 모델이 생각→도구 호출→결과 확인을 반복하며 목표를 달성하는 실행 패턴

C. 여러 AI 모델을 동시에 실행하는 방식

D. 사용자가 루프를 직접 제어하는 방식

정답 B — ReAct 패턴처럼 Reason→Act→Observe 사이클을 목표 달성까지 반복합니다.

AI활용

10. Claude Haiku와 Claude Opus 모델 선택 기준으로 옳은 것은?

A. 항상 성능이 가장 높은 Opus를 사용한다

B. 빠른 응답·낮은 비용이 필요하면 Haiku, 복잡한 추론·고품질이 필요하면 Opus를 선택한다

C. Haiku는 텍스트 생성만, Opus는 이미지 처리만 지원한다

D. 한국어는 Haiku, 영어는 Opus가 적합하다

정답 B — 용도에 맞는 모델 선택이 비용·속도·품질 최적화의 핵심입니다.

프론트엔드

11. CSS flex 컨테이너에서 flex-shrink: 0 설정의 효과는?

A. 요소가 더 넓어진다

B. 컨테이너가 좁아져도 해당 요소가 축소되지 않는다

C. 요소가 수직으로 정렬된다

D. flex 컨테이너를 비활성화한다

정답 B — flex-shrink:0은 기본값(1)인 축소 허용을 막아 고정 너비 사이드바·아이콘 등에 사용합니다.

프론트엔드

12. 모바일 최적화를 위해 HTML <head>에 추가해야 하는 viewport 메타 태그는?

A. <meta name="viewport" content="width=100%">

B. <meta name="viewport" content="width=device-width, initial-scale=1.0">

C. <meta name="viewport" content="zoom=1.0">

D. <meta name="viewport" content="adaptive=true">

정답 B — device-width로 기기 폭을 기준 삼고 initial-scale=1로 기본 확대 없이 렌더링합니다.

프론트엔드

13. 이벤트 위임(Event Delegation)을 사용하는 이유는?

A. CSS 애니메이션을 빠르게 하기 위해

B. 동적으로 추가되는 요소에도 이벤트 핸들러가 작동하도록

C. AJAX 요청을 최적화하기 위해

D. DOM 파싱 속도를 높이기 위해

정답 B — 부모에 핸들러 하나만 등록하고 event.target으로 판별하면, 나중에 추가된 자식 요소도 자동으로 처리됩니다.

프론트엔드

14. Promise.all()과 Promise.allSettled()의 차이는?

A. 차이 없음, 동일하게 동작한다

B. Promise.all()은 하나라도 실패하면 즉시 reject되고, allSettled()는 모두 완료될 때까지 기다린다

C. allSettled()는 성공한 결과만 반환한다

D. Promise.all()은 순차 실행, allSettled()는 병렬 실행이다

정답 B — allSettled()는 각 결과를 {status:'fulfilled'|'rejected', value|reason} 형태로 반환합니다.

프론트엔드

15. IntersectionObserver API의 주요 용도는?

A. 마우스 커서 위치 추적

B. 요소가 뷰포트에 진입/이탈하는 시점을 감지 (지연 로딩, 무한 스크롤)

C. CSS 변수 값 변경 감지

D. 네트워크 상태 모니터링

정답 B — scroll 이벤트보다 성능이 뛰어나며, 스크롤 없이 비동기로 가시성을 감지합니다.

프론트엔드

16. <script> 태그의 defer와 async 속성의 차이는?

A. defer는 외부 파일, async는 인라인 스크립트에서 사용한다

B. defer는 HTML 파싱 완료 후 순서대로 실행, async는 다운로드 완료 즉시 실행한다

C. async는 SEO에 불리하다

D. 둘 다 렌더링을 차단한다

정답 B — defer는 DOMContentLoaded 직전에 순서 보장 실행, async는 순서 무관하게 도착하자마자 실행합니다.

프론트엔드

17. CSS :root 선택자에서 커스텀 속성(CSS 변수)을 정의하는 이유는?

A. 더 빠른 렌더링을 위해

B. 전역에서 재사용 가능한 값(색상·폰트·간격)을 한 곳에서 관리하기 위해

C. 자바스크립트 없이 애니메이션을 구현하기 위해

D. 브라우저 호환성 문제를 해결하기 위해

정답 B — 다크모드, 테마 전환 등을 :root 변수 하나만 바꿔 전체 적용할 수 있습니다.

프론트엔드

18. 브라우저에서 CORS 에러가 발생하는 원인은?

A. 서버의 CPU 과부하로 인한 응답 지연

B. 요청을 보낸 출처(origin)와 서버 출처가 달라 브라우저가 보안 정책으로 차단

C. HTML 문서 내에 자바스크립트 오류가 있을 때

D. 쿠키가 만료되었을 때

정답 B — Same-Origin Policy 위반 시 서버가 Access-Control-Allow-Origin 헤더를 반환해야 허용됩니다.

프론트엔드

19. HTML data-* 속성(custom data attributes)의 올바른 사용 사례는?

A. 이미지 최적화를 위한 width/height 지정

B. DOM 요소에 JavaScript에서 접근할 추가 데이터(ID, 상태값 등)를 저장

C. CSS 스타일 직접 적용

D. 폼 유효성 검사 규칙 정의

정답 B — el.dataset.userId로 접근하며 HTML과 JS 간 데이터 전달에 활용됩니다.

프론트엔드

20. CSS will-change 속성을 사용하는 이유는?

A. 요소가 변경 불가능하도록 고정

B. 브라우저가 해당 속성의 변화를 미리 예측해 GPU 레이어로 분리, 애니메이션 성능 최적화

C. 다크모드에서 색상 자동 반전

D. 반응형 레이아웃 변경 시점 지정

정답 B — will-change: transform 등으로 레이어를 미리 생성해 reflow·repaint 없이 애니메이션합니다.

DB·Supabase

21. Supabase에서 UPSERT 작업의 의미는?

A. 기존 행을 삭제하고 새로 삽입

B. 행이 이미 존재하면 UPDATE, 없으면 INSERT를 수행하는 단일 작업

C. 여러 테이블을 병합

D. SELECT 결과를 다른 테이블로 복사

정답 B — INSERT ... ON CONFLICT DO UPDATE 구문의 축약으로, 중복 키 처리를 한 번에 해결합니다.

DB·Supabase

22. Supabase RLS에서 service_role 키와 anon 키의 차이는?

A. service_role은 읽기만, anon은 쓰기만 가능하다

B. service_role은 RLS를 우회해 모든 데이터에 접근 가능하고, anon은 RLS 정책을 따른다

C. anon은 서버에서만, service_role은 클라이언트에서만 사용한다

D. 둘 다 동일한 권한을 가진다

정답 B — service_role은 서버 사이드 전용으로, 클라이언트에 노출하면 RLS가 무력화됩니다.

DB·Supabase

23. 데이터베이스 트랜잭션의 ACID 속성 중 '원자성(Atomicity)'이란?

A. 동시 접근 시에도 데이터가 일관된 상태를 유지

B. 트랜잭션 내 모든 작업이 전부 성공하거나 전부 실패(롤백)하는 성질

C. 완료된 트랜잭션 결과가 영구적으로 보존

D. 트랜잭션들이 서로 간섭하지 않음

정답 B — 계좌 이체처럼 출금·입금이 모두 성공하거나 둘 다 취소되어야 합니다.

DB·Supabase

24. Supabase RLS 정책에서 auth.uid() 함수의 역할은?

A. 익명 사용자의 IP 주소 반환

B. 현재 로그인한 사용자의 UUID를 반환해 자신의 데이터만 접근 가능하도록 필터링

C. 관리자 계정 여부 확인

D. API 키 유효성 검사

정답 B — 정책 예: WHERE user_id = auth.uid() — 사용자별 데이터 격리의 핵심입니다.

DB·Supabase

25. PostgreSQL에서 TIMESTAMPTZ와 TIMESTAMP의 차이는?

A. TIMESTAMPTZ는 날짜만, TIMESTAMP는 시간만 저장

B. TIMESTAMPTZ는 타임존 정보를 포함해 UTC로 저장하고 조회 시 변환, TIMESTAMP는 저장값 그대로 반환

C. TIMESTAMP가 더 많은 저장 공간을 사용

D. 차이 없음

정답 B — 글로벌 서비스라면 TIMESTAMPTZ로 UTC 저장이 권장됩니다.

DB·Supabase

26. N+1 쿼리 문제란?

A. 11개 이상의 테이블을 JOIN할 때 발생하는 성능 문제

B. 목록 1회 조회 후 각 항목마다 추가 쿼리가 N번 실행되어 총 N+1번 DB를 호출하는 비효율

C. NULL 값이 N+1개 이상일 때 발생하는 오류

D. 인덱스 없는 컬럼을 N+1번 정렬할 때의 성능 저하

정답 B — JOIN 또는 eager loading으로 한 번에 가져와 해결합니다.

DB·Supabase

27. SQL CTE(WITH 절)를 사용하는 주요 이유는?

A. 테이블을 영구적으로 생성하기 위해

B. 복잡한 쿼리를 가독성 있는 임시 명명 결과셋으로 분리해 재사용성을 높이기 위해

C. 트랜잭션을 자동으로 생성하기 위해

D. 외래 키 제약을 우회하기 위해

정답 B — WITH cte AS (SELECT ...) 형태로 복잡한 서브쿼리를 명확한 이름으로 분리합니다.

DB·Supabase

28. 관계형 DB에서 외래 키(Foreign Key)의 역할은?

A. 기본 키보다 빠른 인덱스 생성

B. 다른 테이블의 기본 키를 참조해 테이블 간 관계를 정의하고 참조 무결성을 보장

C. NULL 값을 허용하지 않는 제약 추가

D. 컬럼 값의 유일성 보장

정답 B — 존재하지 않는 부모 행을 참조하거나, 참조된 행을 삭제하려 할 때 DB가 자동으로 거부합니다.

DB·Supabase

29. Supabase에서 SELECT *보다 필요한 컬럼만 지정하는 것이 좋은 이유는?

A. SQL 구문 오류를 방지하기 위해

B. 불필요한 데이터 전송을 줄여 응답 속도와 네트워크 비용을 최적화

C. RLS 정책을 우회하기 위해

D. 자동 인덱스 생성을 유도하기 위해

정답 B — 대용량 컬럼(TEXT 등)이 있는 테이블에서 특히 효과적이며, API 응답 크기를 줄입니다.

DB·Supabase

30. Supabase에서 관련 테이블 데이터를 한 번에 가져오는 방법은?

A. 여러 번의 개별 쿼리로 나눠서 가져온다

B. select('*, related_table(*)') 형식으로 외래 키 관계를 활용해 중첩 조회한다

C. 별도의 REST API를 구현해야 한다

D. 클라이언트에서 수동으로 JOIN한다

정답 B — Supabase JS SDK의 관계형 쿼리로 JOIN 없이 중첩 데이터를 한 번에 가져올 수 있습니다.

Python

31. Python feedparser 라이브러리의 주요 용도는?

A. 웹 페이지의 HTML을 파싱

B. RSS/Atom 피드를 파싱해 게시글 목록을 수집

C. CSV 파일 처리

D. PDF 파일 텍스트 추출

정답 B — feed.entries로 최신 게시글 목록을 쉽게 수집할 수 있습니다.

Python

32. Python에서 logging 모듈을 print() 대신 사용하는 이유는?

A. 더 빠른 실행 속도를 위해

B. 레벨(DEBUG/INFO/WARNING/ERROR) 기반 필터링, 파일 저장, 타임스탬프 등 체계적 로그 관리

C. 콘솔 출력을 완전히 차단하기 위해

D. 멀티스레딩 성능 향상을 위해

정답 B — 프로덕션 환경에서는 WARNING 이상만 파일로 저장하는 등 유연한 로그 관리가 필요합니다.

Python

33. BeautifulSoup의 find()와 find_all()의 차이는?

A. find()는 CSS 선택자, find_all()은 XPath를 사용한다

B. find()는 조건에 맞는 첫 번째 요소 하나를 반환하고, find_all()은 모든 요소 목록을 반환한다

C. find_all()은 JavaScript 렌더링 결과를 포함한다

D. 차이 없음, 동일하게 작동한다

정답 B — find()는 None 또는 단일 Tag, find_all()은 ResultSet(리스트)을 반환합니다.

Python

34. Python 자동화 스크립트에서 time.sleep()을 사용하는 주요 이유는?

A. 스크립트 실행 속도를 높이기 위해

B. 요청 사이에 지연을 두어 웹서버의 부하를 줄이고 봇 차단을 방지

C. 병렬 처리를 활성화하기 위해

D. 메모리 사용량을 줄이기 위해

정답 B — 크롤러 예절(Crawl Delay)로 서버 과부하를 방지하고 IP 차단 가능성을 낮춥니다.

Python

35. Python에서 환경변수를 안전하게 관리하는 방법은?

A. 코드에 직접 하드코딩한다

B. .env 파일에 저장하고 python-dotenv로 로드한다

C. os.environ에 직접 설정하고 .gitignore에 코드 파일을 추가한다

D. B와 C 모두 하드코딩보다 안전한 방법이다

정답 D — .env + dotenv(B)와 CI/CD 환경변수 직접 설정(C) 모두 하드코딩보다 안전합니다.

Python

36. Python try/except에서 else 블록의 역할은?

A. 예외가 발생했을 때 실행

B. 예외가 발생하지 않았을 때 실행 (성공 시 후처리 분리)

C. finally와 동일하게 항상 실행

D. try 블록보다 먼저 실행

정답 B — try 성공 시에만 실행되므로, 성공 로직을 except와 분리해 코드 의도를 명확히 합니다.

Python

37. Python subprocess 모듈에서 capture_output=True 옵션의 효과는?

A. 자식 프로세스를 백그라운드로 실행

B. 자식 프로세스의 stdout과 stderr를 캡처해 반환값으로 접근 가능하게 함

C. 프로세스 실행 시간을 측정

D. 프로세스 우선순위를 높임

정답 B — result.stdout.decode()로 출력 텍스트를 파이썬 문자열로 처리할 수 있습니다.

Python

38. requests 라이브러리로 웹 스크래핑 시 User-Agent 헤더를 설정하는 이유는?

A. 서버 응답 속도를 높이기 위해

B. 봇 차단을 우회하고 일반 브라우저처럼 보이기 위해

C. HTTPS 인증서 검증을 위해

D. 쿠키를 자동 관리하기 위해

정답 B — 기본 requests UA는 봇으로 인식되어 차단될 수 있어 브라우저 문자열로 대체합니다.

SEO

39. XML sitemap.xml의 <priority> 태그 역할은?

A. 검색엔진이 페이지를 크롤링하는 절대적 순서를 결정

B. 해당 URL의 상대적 중요도를 힌트로 제공해 크롤링 빈도 조정에 참고

C. 페이지 로딩 순서를 제어

D. 사용자 방문 순서를 기록

정답 B — 검색엔진은 priority를 강제 지침이 아닌 참고 힌트로만 사용합니다.

SEO

40. Core Web Vitals 중 CLS(Cumulative Layout Shift)를 개선하는 방법은?

A. 이미지 용량을 줄인다

B. 이미지·광고 요소에 width·height 속성을 명시해 레이아웃 공간을 미리 확보

C. 자바스크립트를 제거한다

D. CSS 파일을 인라인으로 변환

정답 B — 로드 중 레이아웃이 밀리지 않도록 aspect-ratio나 명시적 크기 지정이 핵심입니다.

SEO

41. 웹 성능 최적화를 위해 폰트 파일을 <link rel="preload">로 선언하는 이유는?

A. 폰트 파일 용량을 줄이기 위해

B. 렌더링 중 폰트 로드를 기다리는 FOUT/FOIT를 방지하기 위해 우선 다운로드

C. SEO 점수를 직접 높이기 위해

D. 다크모드 폰트 전환을 위해

정답 B — 브라우저가 HTML 파싱 초기에 폰트를 다운로드해 텍스트 깜빡임을 줄입니다.

SEO

42. Open Graph og:image 권장 크기와 비율은?

A. 800×400px (2:1)

B. 1200×630px (약 1.91:1)

C. 512×512px (1:1)

D. 1920×1080px (16:9)

정답 B — 카카오·페이스북·트위터 모두 1200×630이 최적 크기입니다.

SEO

43. SEO에서 검색 의도 중 '트랜잭셔널(Transactional)'의 의미는?

A. 특정 정보를 찾는 의도 (예: "파이썬이란")

B. 구매·신청·다운로드 등 행동을 하려는 의도 (예: "파이썬 책 구매")

C. 특정 사이트로 이동하려는 의도 (예: "구글 로그인")

D. 여러 선택지를 비교하려는 의도 (예: "파이썬 vs 자바")

정답 B — 전환율 높은 랜딩페이지와 CTA를 최적화할 때 가장 중요한 의도 유형입니다.

DevOps

44. Git에서 rebase와 merge의 차이는?

A. rebase는 브랜치를 삭제하고, merge는 브랜치를 유지한다

B. rebase는 커밋 히스토리를 선형으로 정리하고, merge는 병합 커밋을 생성해 분기 이력을 보존한다

C. merge는 원격 저장소에서만 사용 가능하다

D. 차이 없음

정답 B — 팀 프로젝트에서는 히스토리 가독성 요구에 따라 rebase/merge를 선택합니다.

DevOps

45. Vercel/Next.js에서 NEXT_PUBLIC_ 접두사가 없는 환경변수의 특징은?

A. 브라우저와 서버 양쪽에서 접근 가능

B. 서버 사이드에서만 접근 가능하며, 클라이언트에 노출되지 않아 API 키 보호에 사용

C. 빌드 타임에만 사용 가능

D. 테스트 환경에서만 적용

정답 B — NEXT_PUBLIC_이 없으면 서버 번들에만 포함되어 클라이언트 JS에서 접근 불가입니다.

DevOps

46. CI/CD 파이프라인에서 스테이징(staging) 환경의 역할은?

A. 개발자 개인 로컬 환경을 대체

B. 프로덕션 배포 전 실제와 동일한 환경에서 최종 검증을 수행하는 중간 단계

C. 빌드 캐시를 저장하는 서버

D. 자동화 테스트를 작성하는 환경

정답 B — 스테이징은 프로덕션 미러 환경으로 릴리스 전 최종 smoke test를 진행합니다.

데이터분석

47. 웹 분석에서 UTM 파라미터의 주요 용도는?

A. 사용자 비밀번호 암호화

B. 마케팅 캠페인의 유입 경로(소스·매체·캠페인명)를 추적

C. 페이지 로딩 속도 측정

D. A/B 테스트 변형 그룹 지정

정답 B — utm_source, utm_medium, utm_campaign 파라미터로 GA4에서 채널별 성과를 분석합니다.

데이터분석

48. 코호트 분석(Cohort Analysis)이란?

A. 전체 사용자 평균 지표를 분석하는 방법

B. 동일한 시기에 행동한 사용자 그룹의 행동 패턴 변화를 시간에 따라 추적

C. 사용자의 실시간 행동을 모니터링

D. 경쟁사 트래픽을 추정하는 방법

정답 B — 같은 달 가입자 그룹의 월별 리텐션 변화를 추적해 이탈 시점을 파악합니다.

보안

49. CSRF(Cross-Site Request Forgery) 공격을 방어하는 방법은?

A. XSS 필터를 적용한다

B. 서버가 발급한 CSRF 토큰을 모든 상태 변경 요청에 포함시켜 검증한다

C. HTTPS를 적용한다

D. 입력값 이스케이핑을 적용한다

정답 B — 공격자는 CSRF 토큰을 알 수 없으므로 위조 요청이 서버에서 거부됩니다.

기획·UX

50. UX 관점에서 A/B 테스트의 올바른 설명은?

A. 두 디자인을 시간대별로 번갈아 보여주는 방법

B. 사용자를 무작위로 두 그룹으로 나눠 각각 다른 버전을 노출하고, 통계적으로 유의미한 지표 차이를 측정하는 실험

C. 개발자 두 명이 각각 코드를 작성해 더 나은 것을 선택

D. 기존 버전과 새 버전을 동일 사용자에게 순서대로 보여줘 선호도를 비교

정답 B — 무작위 배정과 통계적 유의미성 검증이 A/B 테스트의 핵심 요건입니다.

회차를 선택하세요

직무 분야를 선택하세요

영역 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)

영역 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)

이번 주 내
지원 우선순위가
이렇게 바뀌었습니다!

회차를 선택하세요

직무 분야를 선택하세요

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)

영역 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)

이번 주 내지원 우선순위가이렇게 바뀌었습니다!

이번 주 내
지원 우선순위가
이렇게 바뀌었습니다!