JavaScript 코딩 시험 연습

실제 시험은 보통 어떤 방식인가요

JavaScript 코딩 테스트는 하나로 정해져 있지 않습니다. 고용주마다 테스트 플랫폼을 선택한 다음 자체적으로 문제, 과제 수, 제한 시간, 허용 언어를 정합니다. 본인에게 해당하는 테스트에 관한 가장 좋은 안내는 초대장에 있습니다. 공개된 사례를 보면 구성이 다양합니다.

• HackerRank. HackerRank는 JavaScript (Basic) 기술 테스트가 1시간 30분 동안 2문제로 구성되며 함수와 같은 주제를 다룬다고 안내합니다 (HackerRank). 고객 지원 센터에는 고용주가 테스트에 포함할 수 있는 코딩, 객관식, HTML/CSS/JavaScript, 프런트엔드 개발자, 코드 리뷰, 주관식 문제 등의 유형이 나와 있습니다. 또한 고용주는 HackerRank 라이브러리에서 문제를 추가하거나 직접 문제를 작성할 수 있다고 안내합니다 (HackerRank Help).
• TestGorilla. TestGorilla의 JavaScript 코딩 테스트 페이지에 따르면 개별 테스트는 15~45분이며, 초급 알고리즘 테스트는 15분입니다. 응시자는 온라인 편집기에서 작업하고, 고용주가 사용 가능한 언어를 선택한다고 안내합니다 (TestGorilla).

고용주가 실시하는 JavaScript 테스트에 흔히 포함되는 항목:

• 코딩 과제: 온라인 편집기에서 함수를 작성하고, 예시 입력값으로 실행한 다음, 보이지 않을 수도 있는 추가 테스트 사례로 확인할 수 있도록 제출합니다.
• 객관식: JavaScript 개념, 코드 조각의 실행 결과, 올바른 코드 선택하기.
• 디버깅 또는 코드 리뷰: 다른 사람이 작성한 코드에서 문제를 찾아 수정합니다.
• 그 외에 포함될 수 있는 항목: 웹 페이지 만들기 또는 수정하기, 규모가 더 큰 프런트엔드나 백엔드 프로젝트, 집에서 완료하는 과제, 테스트 중 웹캠 및 화면 모니터링.

모의고사에서 다루는 내용. 전체 모의고사는 60분 동안 20문제이며, JavaScript 개념(6문제), 코드 실행 결과(6문제), 버그 찾기(5문제), 해결책 만들기(3문제)의 네 섹션으로 구성됩니다. 모든 코드는 브라우저나 프레임워크 코드 없이 Node.js에서 실행되는 최신 JavaScript를 사용합니다. 제출하기 전까지 이전 문제로 돌아가 답을 바꾸고 문제에 표시할 수 있습니다. 모의고사는 코드를 읽고, 실행 과정을 추적하고, 디버깅하고, 코드를 선택하는 연습을 제공합니다. 직접 작성한 코드를 실행하지는 않습니다. 실제 평가에서는 숨겨진 테스트 사례를 통과하는 코드를 작성해야 하는 경우가 많습니다. 이 연습은 그에 필요한 코드 읽기, 실행 과정 추적, 디버깅 능력을 기르는 데 도움이 되므로 실제 편집기에서도 시간을 재며 연습해 보세요. 또한 모의고사에는 프런트엔드, 백엔드 및 풀스택 프로젝트 과제, 감독 모니터링, 표절 검사, 비디오 인터뷰, 집에서 완료하는 과제, 고용주가 정한 합격 기준이 포함되지 않습니다.

풀이 예제가 포함된 문제 유형

각 섹션의 예제와 사람들이 흔히 빠지는 함정을 살펴봅니다.

1. JavaScript 개념. let과 var의 차이는 무엇인가요? let은 루프 본문 같은 가장 가까운 블록 범위에서 유효하며, 해당 줄이 실행되기 전에는 사용할 수 없습니다. var는 함수 전체 범위에서 유효하고 호이스팅되므로 해당 줄이 실행되기 전에도 undefined 상태로 존재합니다. 함정: const를 사용하면 객체나 배열을 변경할 수 없다고 생각하는 것입니다. const는 이름에 다른 값을 다시 할당하지 못하게 할 뿐입니다.

2. 코드 출력 결과. console.log(typeof null, typeof [])는 object object를 출력합니다. typeof 기준으로 둘 다 객체입니다. 배열인지 확인하려면 Array.isArray를 사용하세요. 비동기 코드의 순서도 기억하세요. 일반 코드가 먼저 실행되고, 그다음 Promise 콜백, 마지막으로 타이머가 실행됩니다. 함정: setTimeout(fn, 0)을 "지금 실행"으로 해석하는 것입니다. 현재 코드와 대기 중인 Promise 콜백이 끝날 때까지 항상 기다립니다.

3. 버그 찾기. 함수가 합계 대신 undefined를 반환합니다. 중괄호는 있지만 return이 없는 화살표 함수를 찾아보세요. (a, b) => { a + b }는 undefined를 반환하지만 (a, b) => a + b는 합계를 반환합니다. 함정: 이상해 보이는 첫 번째 줄부터 고치는 것입니다. 간단한 입력을 코드에 넣어 따라가며 값이 처음 잘못되는 줄을 찾으세요.

4. 해결책 작성하기. 장바구니의 총 가격을 구해야 합니다. items.reduce((sum, item) => sum + item.price, 0)으로 계산할 수 있습니다. 끝에 0이 없으면 장바구니가 비어 있을 때 TypeError가 발생합니다. 함정: 예제에서는 작동하지만 예외적인 경우에는 작동하지 않는 선택지를 고르는 것입니다. 빈 배열, 항목 하나, 반복 항목, 값 누락을 각각 넣어 모든 선택지를 확인하세요.

준비 방법

1. 먼저 초대 안내를 읽으세요. 사용할 플랫폼과 과제 수, 제한 시간, JavaScript를 선택할 수 있는지, 프런트엔드 과제가 포함되는지, 시험이 감독되는지 확인하세요. 형식이 매우 다양하므로 미리 짐작하기는 어렵습니다.
2. 플랫폼에 연습 공간이 있다면 이용해 보세요. 편집기와 Run 버튼, 예시 테스트 사례가 표시되는 방식을 익혀 두면 시험 당일 화면이 낯설지 않습니다. 예를 들어 HackerRank는 응시자가 문제를 푸는 동안 Run을 눌러 테스트 사례를 실행한다고 설명합니다 (HackerRank Support).
3. 코드를 손으로 추적하세요. 짧은 코드에서는 각 줄을 실행한 뒤 변수의 값을 적어 보세요. 비동기 코드에서는 지금 실행되는 항목, 프라미스 콜백, 타이머의 세 목록을 만드세요.
4. 자주 쓰는 도구를 익히세요. 배열과 메서드(map, filter, reduce, some, find, sort), 객체, Map과 Set, 문자열, 구조 분해, 전개 구문, 템플릿 리터럴, async, await를 익히세요.
5. 제출하기 전에 경계 사례를 생각하세요. 빈 배열과 문자열, 항목이 하나뿐인 경우, 반복되는 값, null과 undefined, 문자열로 주어진 숫자를 살펴보세요. 숨겨진 테스트 사례는 이런 항목을 확인하는 경우가 많습니다.
6. 시간을 재며 코드를 작성하세요. 저희 모의고사는 코드를 읽고 디버깅하는 연습을 돕습니다. 실제 편집기에서 타이머를 켜고 작은 문제도 몇 개 풀어 보세요. 압박감 속에서 코드를 작성하고 실행하는 일이 익숙해집니다.
7. 실제 속도에 맞춰 연습하세요. 시험이 HackerRank의 JavaScript (Basic) 예시와 비슷하다면 1시간 30분에 2문항이므로 문제당 약 45분입니다 (HackerRank). 시간 배분이 익숙해지도록 전체 시간제한 모의고사를 풀어 보세요.

일반적인 채점 방식

점수 산정 방식은 플랫폼과 고용주에 따라 다릅니다. 보편적인 점수 체계나 합격 기준은 없습니다. 코딩 문제는 보통 테스트 케이스를 기준으로 자동 채점합니다. 공개된 설명 두 가지를 소개합니다.

• HackerRank는 코딩 문제를 정확성과 효율성을 측정하는 사전 정의된 테스트 케이스로 평가한다고 설명합니다. 각 테스트 케이스에는 고유한 점수가 있습니다. 테스트 케이스를 통과한 코드는 해당 케이스의 점수를 모두 받고, 통과하지 못하면 0점을 받습니다. 문제의 총점은 통과한 테스트 케이스 점수의 합이므로 일부 테스트 케이스만 통과해도 부분 점수를 얻습니다 (HackerRank 지원). 코딩 문제와 객관식 문제는 자동으로 평가됩니다. HTML/CSS/JavaScript 문제는 수동으로 평가하고, 프런트엔드 문제는 자동 평가 후 수동 검토를 권장합니다 (HackerRank 도움말).
• TestGorilla는 전체 정답률을 바탕으로 백분위 점수를 산정하고 각 테스트 케이스의 결과가 표시된 보고서를 제공한다고 설명합니다 (TestGorilla).

좋은 결과의 기준은 고용주마다 다르며, 많은 고용주가 점수와 함께 작성한 코드도 살펴봅니다.

연습 점수는 자체 문제 중 정답을 맞힌 문제 수이며, 집중할 부분을 확인할 수 있도록 영역별 내역도 제공합니다. 이 점수는 연습용 점수입니다. 어떤 플랫폼의 테스트 점수도 아니며, 합격 여부를 예측하지 않습니다.

흔한 실수

• 비교 함수 없이 숫자 정렬하기. [10, 9, 1].sort()는 텍스트처럼 정렬합니다. sort((a, b) => a - b)를 사용하세요.
• ==를 사용하고 형 변환 결과에 놀라기. 특별한 이유가 없다면 ===를 사용하세요.
• forEach는 기다리지 않는다는 점을 잊기. forEach 콜백 안의 await는 바깥 함수를 일시 중지하지 않습니다. for...of 또는 Promise.all을 사용하세요.
• ===로 객체나 배열 비교하기. 두 객체는 같은 객체일 때만 동일합니다. 필요한 필드를 비교하세요.
• 유지해야 하는 배열을 변경하기. sort, reverse, splice는 배열 자체를 변경합니다. 원본이 필요하다면 먼저 [...arr]로 복사하세요.
• 예제만 테스트하기. 화면에 보이는 예제는 대개 통과합니다. 숨겨진 테스트 사례는 빈 입력, 항목 하나, 중복 항목, 큰 입력을 확인합니다.
• 한 문제에 시간을 다 쓰기. 막히면 일부 테스트 사례를 통과하는 간단한 버전을 제출하고 다음으로 넘어가세요. 시간이 남으면 다시 돌아오세요.