40개 이상의 JAVASCRIPT 인터뷰 질문 및 답변(2024)

자바스크립트(JS) 가장 널리 사용되는 경량 스크립팅 및 컴파일된 프로그래밍 언어입니다. 에 의해 개발되었습니다. 1995년 브렌든 아이크 . 웹페이지, 모바일 앱, 웹 서버 등을 위한 스크립팅 언어로 잘 알려져 있습니다. 프론트엔드와 백엔드 개발자를 꿈꾸는 사람들에게 중요한 언어입니다. 일부 직무에서는 개인이 JavaScript에 능숙할 것을 요구합니다. 등 최고의 IT 기업에서 사용됩니다. Evernote, LinkedIn, Microsoft, Opera, NASA , 그리고 메타 DOM 조작, 비동기 JavaScript, 오류 처리 및 사용할 수 있는 JavaScript 프레임워크 때문입니다. 따라서 이러한 회사에 들어가려면 다음을 완료해야 합니다. 인기 JavaScript 면접 질문 채용 담당자 앞에서 당신을 전문가처럼 보이게 만들 수 있습니다.

이 기사에서는 다음을 제공합니다. 맨 위 자바스크립트 면접 질문과 답변 둘 다에 맞춰 신선한 사람들 그리고 경험이 풍부한 전문가 3년, 5년, 8년의 경력을 가지고 있습니다. 여기서는 다음을 포함한 모든 것을 다룹니다. 핵심 JavaScript 개념 , ES6+ 기능, DOM 조작, 비동기 JavaScript, 오류 처리, JavaScript 프레임워크 및 라이브러리 등이 다음 JavaScript 인터뷰를 성공하는 데 확실히 도움이 될 것입니다.

JavaScript 면접 질문 및 답변(2024)

당신이 인터뷰 준비를 할 수 있도록, 우리는 JavaScript 면접 질문 상위 50개 초급, 중급 및 경험자 최고의 다국적 기업에 오르려면 반드시 거쳐야 하는 과정입니다.

학습을 진행하기 전에 자바스크립트 면접 질문과 답변 , 먼저 우리는 완전한 것을 배웁니다 자바스크립트 튜토리얼 .

내용의 테이블

신입생을 위한 JavaScript 인터뷰 질문
JavaScript 중급 면접 질문
경력자를 위한 JavaScript 인터뷰 질문

신입생을 위한 JavaScript 인터뷰 질문

면접을 위해 준비해야 할 몇 가지 일반적인 질문에 대해 논의해 보겠습니다. 이러한 질문은 특히 프론트엔드 개발 역할에 대한 인터뷰를 마무리하는 데 도움이 될 것입니다.

1. 자바와 자바스크립트의 차이점은 무엇인가요?

JavaScript는 클라이언트 측 스크립팅 언어이고 Java는 객체 지향 프로그래밍 언어입니다. 둘 다 서로 완전히 다릅니다.

자바스크립트 : 대화형 웹 페이지를 개발하기 위한 경량 프로그래밍 언어(스크립팅 언어)입니다. HTML 요소에 동적 텍스트를 삽입할 수 있습니다. JavaScript는 브라우저의 언어라고도 합니다.
자바 : Java는 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이는 객체 지향 프로그래밍 언어이며 거의 모든 플랫폼에서 실행되는 컴파일된 프로그램을 만들 수 있는 가상 머신 플랫폼을 갖추고 있습니다. Java는 한 번 작성하고 어디서나 실행을 약속했습니다.

2. JavaScript 데이터 유형이란 무엇입니까?

JavaScript에는 세 가지 주요 데이터 유형이 있습니다.

원어
- 숫자
- 문자열
- 부울
- 상징
하찮은
- 한정되지 않은
- 없는
합성물
- 사물
- 기능
- 배열

삼. JavaScript에서 주석에 사용되는 기호는 무엇입니까?

주석은 명령문 실행을 방해합니다. 컴파일러가 코드를 실행하는 동안 주석은 무시됩니다. JavaScript에는 주석을 나타내는 두 가지 유형의 기호가 있습니다.

이중 슬래시: 한 줄 주석이라고 합니다.

// Single line comment>

별표로 슬래시: 여러 줄 주석이라고 합니다.

/* Multi-line comments ... */>

4. 3+2+7″의 결과는 무엇입니까?

여기서 3과 2는 정수처럼 동작하고 7은 문자열처럼 동작합니다. 따라서 3 더하기 2는 5가 됩니다. 그러면 출력은 5+7″ = 57이 됩니다.

5. isNaN 함수의 용도는 무엇입니까?

number isNan 함수는 전달된 값이 NaN(숫자가 아님)이고 Number 유형인지 여부를 확인합니다. JavaScript에서는 NaN 값이 숫자 유형으로 간주됩니다. 인수가 숫자가 아니면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

6. JavaScript와 ASP 스크립트 중 어느 것이 더 빠릅니까?

JavaScript는 ASP 스크립트에 비해 빠릅니다. JavaScript는 클라이언트 측 스크립팅 언어이며 서버에 의존하여 실행되지 않습니다. ASP 스크립트는 항상 서버에 의존할 수 있는 서버측 스크립팅 언어입니다.

7. 음의 무한대란 무엇입니까?

음의 무한대는 사용 가능한 가장 낮은 값을 나타내는 상수 값입니다. 이는 이 값보다 작은 숫자가 없음을 의미합니다. 자체 제작 함수나 산술 연산을 사용하여 생성할 수 있습니다. JavaScript는 NEGATIVE_INFINITY 값을 -Infinity로 표시합니다.

8. JavaScript 코드를 여러 줄로 나눌 수 있습니까?

예, JavaScript 코드를 문자열 문에서 여러 줄로 나눌 수 있습니다. 를 사용하면 깨질 수 있습니다. 백슬래시 '' .
예를 들어:

document.write('A Online Computer Science Portal for Geeks')>

JavaScript에서는 코드 분리 줄을 피하므로 바람직하지 않습니다.

let gfg= 10, GFG = 5, Geeks = gfg + GFG;>

9. JavaScript를 개발한 회사는 어디인가요?

Netscape는 JavaScript를 개발했으며 1995년 Brenden Eich에 의해 만들어졌습니다.

10. 선언되지 않은 변수와 정의되지 않은 변수는 무엇입니까?

한정되지 않은 : 변수에 값을 할당하지 않는다고 선언한 경우에 발생합니다. 정의되지 않음은 키워드가 아닙니다.
선언되지 않음 : 이는 var 또는 const 키워드를 사용하여 이전에 초기화되거나 선언되지 않은 변수에 액세스하려고 할 때 발생합니다. 우리가 사용한다면 'typeof' 연산자 선언되지 않은 변수의 값을 얻으려면 반환 값이 정의되지 않은 런타임 오류가 발생합니다. 선언 취소된 변수의 범위는 항상 전역입니다.

열하나. 새 요소를 동적으로 추가하기 위한 JavaScript 코드를 작성합니다.

HTML

    문서제목> 머리> <body>  <button onclick='create()'>여기를 클릭하세요! 버튼><script>function create() { let geeks = document.createElement('geeks');  geeks.textContent = 'Geeksforgeeks';  geeks.setAttribute('class', 'note');  document.body.appendChild(긱);  } 스크립트> 본문> html>></pre> </code> <h3><span>12.</span>  <b>  <strong>전역 변수란 무엇입니까? 이러한 변수는 어떻게 선언되며, 이와 관련된 문제는 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>이에 비해 전역 변수는 함수 외부에서 정의하는 변수입니다. 이러한 변수는 전역 범위를 가지므로 함수에 매개변수로 전달하지 않고도 모든 함수에서 사용할 수 있습니다.</span></p> <p dir='ltr'>  <b>  <strong>예:</strong>  </b>  <span> </span></p>자바스크립트<code class='hljs'> <pre class='hljs'>let petName = 'Rocky'; //Global Variable myFunction(); function myFunction() {  document.getElementById('geeks').innerHTML  = typeof petName + '- ' +  'My pet name is ' + petName; } document.getElementById('Geeks')  .innerHTML = typeof petName + '- ' +  'My pet name is ' + petName;></pre> </code> <p dir='ltr'><span>전역 변수에 의존하는 코드를 디버그하고 테스트하는 것은 어렵습니다.</span></p> <h3><span>13.</span>  <b>  <strong>JavaScript에서 NULL은 무엇을 의미합니까?</strong>  </b>  </h3><p dir='ltr'><span>NULL 값은 값이 없거나 개체가 없음을 나타냅니다. 이를 빈 값/객체라고 합니다.</span></p> <h3><span>14.</span>  <b>  <strong>속성별 값을 삭제하는 방법은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'> <span> </span> <span>그만큼</span>   <b>  <strong>키워드 삭제</strong>  </b>   <span>다음과 같이 전체 속성과 모든 값을 한 번에 삭제합니다.</span></p> <pre class='hljs'>let gfg={Course: 'DSA', Duration:30}; delete gfg.Course;></pre><h3><span>열 다섯.</span>  <b>  <strong>프롬프트 상자란 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>프롬프트 상자는 사용자에게 텍스트를 입력하라는 선택적 메시지가 포함된 대화 상자입니다. 사용자가 페이지에 들어가기 전에 값을 입력하고 싶을 때 자주 사용됩니다. 사용자가 입력한 텍스트가 포함된 문자열 또는 null을 반환합니다.</span></p> <h3><span>16.</span>  <b>  <strong>JavaScript에서 'this' 키워드는 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>JavaScript의 함수는 필수 객체입니다. 객체와 마찬가지로 변수에 할당하고, 다른 함수에 전달하고, 함수에서 반환할 수 있습니다. 그리고 객체와 마찬가지로 객체에도 고유한 속성이 있습니다. 'this'는 JavaScript 프로그램의 현재 실행 컨텍스트를 저장합니다. 따라서 함수 내부에서 사용할 때 'this'의 값은 함수 정의 방법, 호출 방법 및 기본 실행 컨텍스트에 따라 변경됩니다.</span></p> <h3><span>17.</span>  <b>  <strong>JavaScript에서 타이머의 작동을 설명하세요. 또한 타이머 사용의 단점이 있다면 설명하십시오.</strong>  </b>  </h3><p dir='ltr'><span>타이머는 특정 시간에 특정 코드를 실행하거나 소량의 코드를 반복적으로 실행합니다. 이를 위해 함수를 사용해야 합니다.</span>   <b>  <strong>setTimeout</strong>  </b>  <span>,</span>  <b>  <strong>간격 설정,</strong>  </b>  <span> </span> <span>그리고</span>   <b>  <strong>클리어간격</strong>  </b>   <span>. JavaScript 코드가 타이머를 2분으로 설정하고 시간이 다 되면 페이지에 시간 초과 경고 메시지가 표시됩니다. 그만큼</span>  <b>  <strong>세트타임아웃()</strong>  </b>  <span>메소드는 지정된 밀리초 후에 함수를 호출하거나 표현식을 평가합니다.</span></p> <h3><span>18.</span>  <b>  <strong>ViewState와 SessionState의 차이점은 무엇입니까?</strong>  </b>  </h3><ul><li value='1'>  <b>  <strong>뷰상태:</strong>  </b>  <span>세션의 단일 페이지에만 적용됩니다.</span></li><li value='2'>  <b>  <strong>세션상태:</strong>  </b>  <span>웹페이지의 모든 데이터에 접근할 수 있는 것은 사용자별로 다릅니다.</span></li></ul><h3><span>19.</span>  <b>  <strong>JavaScript를 사용하여 양식을 제출하는 방법은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>당신이 사용할 수있는</span>   <b>  <strong>document.form[0].submit()</strong>  </b>  <span> </span> <span>JavaScript로 양식을 제출하는 방법입니다.</span></p> <h3><span>이십.</span>  <b>  <strong>JavaScript는 자동 유형 변환을 지원합니까?</strong>  </b>  <span> </span></h3><p dir='ltr'><span>예, JavaScript는 자동 유형 변환을 지원합니다.</span></p> <h2 id='javascript-intermediate-interview-questions'><span>JavaScript 중급 면접 질문</span></h2><h3><span>21. JavaScript의 모든 반복 구조는 무엇입니까?</span></h3><ul><li value='1'>   <b>  <strong>while 루프</strong>  </b>    <b>  <strong>:</strong>  </b>  <span>while 루프는 주어진 부울 조건에 따라 코드가 반복적으로 실행될 수 있도록 하는 제어 흐름 문입니다. while 루프는 if 문을 반복하는 것으로 생각할 수 있습니다.</span></li><li value='2'>  <a href='/javascript-loop'>  <b>  <strong>for 루프</strong>  </b>  </a>   <b>  <strong>:</strong>  </b>  <span>for 루프는 루프 구조를 작성하는 간결한 방법을 제공합니다. while 루프와 달리 for 문은 한 줄에서 초기화, 조건 및 증가/감소를 사용하므로 더 짧고 디버그하기 쉬운 루프 구조를 제공합니다.</span></li><li value='3'>   <b>  <strong>동안 해라</strong>  </b>    <b>  <strong>:</strong>  </b>  <span>do-while 루프는 명령문을 실행한 후 조건을 확인한다는 점만 다를 뿐 while 루프와 유사하므로 종료 제어 루프의 예입니다.</span></li></ul><h3><span>22. 요소의 스타일/클래스를 어떻게 변경할 수 있나요?</span></h3><p dir='ltr'><span>요소의 스타일/클래스를 변경하려면 두 가지 방법이 있습니다. 우리는 사용</span>  <a href='/html-dom-getelementbyid-method'><span>document.getElementByID 메소드</span></a>  </p> <pre class='hljs'>document.getElementById('myText').style.fontSize = '16px;></pre><pre class='hljs'>document.getElementById('myText').className = 'class';></pre><h3><span>23. JavaScript를 사용하여 파일을 읽고 쓰는 방법을 설명해주세요.</span></h3><ul><li value='1'><span>그만큼</span>   <b>  <strong>파일 읽기()</strong>  </b>   <span>기능은 읽기 작업에 사용됩니다.</span></li></ul><pre class='hljs'>readFile( Path, Options, Callback)></pre><ul><li value='1'><span>그만큼</span>   <b>  <strong>쓰기파일()</strong>  </b>   <span>함수는 쓰기 작업에 사용됩니다.</span></li></ul><pre class='hljs'>writeFile( Path, Data, Callback)></pre><h3><span>24. JavaScript에서 변수 타이핑이란 무엇입니까?</span></h3><p dir='ltr'><span>그만큼</span>  <b>  <strong>변수 입력</strong>  </b>  <span>숫자를 저장하고 동일한 변수를 사용하여 문자열을 할당하는 데 사용되는 변수 유형입니다.</span></p> <pre class='hljs'>Geeks = 42; Geeks = 'techcodeview.com';></pre><h3><span>25. JavaScript에서 기본 문자열을 정수로 변환하는 방법은 무엇입니까?</span></h3><p dir='ltr'><span>JavaScript에서는 문자열을 정수로 변환하는 데 parsInt() 함수가 사용됩니다. 이 함수는 parsInt() 함수의 두 번째 인수에 지정된 base의 정수를 반환합니다. 문자열에 숫자가 포함되어 있지 않으면parseInt() 함수는 Nan(숫자가 아님)을 반환합니다.</span></p> <h3><span>26. 클라이언트 시스템에서 운영 체제를 감지하는 방법을 설명하십시오.</span></h3><p dir='ltr'><span>클라이언트 시스템에서 운영 체제를 감지하려면 navigator.appVersion 또는 navigator.userAgent 속성을 사용하면 됩니다. Navigator appVersion 속성은 읽기 전용 속성이며 브라우저의 버전 정보를 나타내는 문자열을 반환합니다.</span></p> <h3><span>27. JavaScript에서 사용할 수 있는 팝업 상자 유형은 무엇입니까?</span></h3><p dir='ltr'><span>JavaScript에는 세 가지 유형의 팝박스가 있습니다.</span></p> <ul><li value='1'>   <b>  <strong>알리다</strong>  </b>   </li><li value='2'>   <b>  <strong>확인하다</strong>  </b>   </li><li value='3'>   <b>  <strong>즉각적인</strong>  </b>   </li></ul><h3><span>28. 경고 상자와 확인 상자의 차이점은 무엇입니까?</span></h3><p dir='ltr'><span>경고 상자에는 확인 버튼이 하나만 표시됩니다. 동의해야 한다는 내용을 사용자에게 알리는 데 사용됩니다. 그러나 확인 상자에는 사용자가 동의할지 여부를 결정할 수 있는 확인 및 취소 두 개의 버튼이 표시됩니다.</span></p> <h3><span>29. JavaScript에서 innerHTML을 사용하면 어떤 단점이 있나요?</span></h3><p dir='ltr'><span>사용하다보면 단점이 많죠</span> <span>내부HTML</span> <span>JavaScript에서는 콘텐츠가 모든 곳에서 대체됩니다. innerHTML = innerHTML + 'html'과 같이 +=를 사용하면 여전히 이전 콘텐츠가 HTML로 대체됩니다. 모든 DOM 요소에 연결된 이벤트 핸들러를 유지합니다.</span></p> <h3><span>30. void(0) 의 용도는 무엇입니까?</span></h3><p dir='ltr'><span>그만큼</span>  <a href='/what-does-javascript' rel='noreferrer noopener'><span>무효(0)</span></a>  <span>호출 시간 매개변수 0이 전달되는 동안 페이지를 새로 고치지 않고 다른 메소드를 호출하는 데 사용됩니다.</span></p>  <blockquote><p dir='ltr'><span>자세한 내용은 다음 주제에 대한 전용 기사를 확인하세요.</span>   <b>  <strong>중급 자바스크립트 인터뷰 질문</strong>  </b>   <span>. 내부에는 자세한 답변이 포함된 20개 이상의 질문이 있습니다.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/how-read-csv-file-java">Java의 csv 파일에서 읽기</a>
</blockquote> </blockquote><h2 id='javascript-interview-questions-for-experienced'><span>경력자를 위한 JavaScript 인터뷰 질문</span></h2><h3><span>31.</span>  <b>  <strong>JavaScript의 '엄격' 모드는 무엇이며 어떻게 활성화할 수 있나요?</strong>  </b>  </h3><p dir='ltr'><span>엄격 모드는 엄격한 운영 컨텍스트에 프로그램이나 함수를 배치할 수 있는 ECMAScript 5의 새로운 기능입니다. 이러한 엄격한 컨텍스트는 특정 작업이 수행되는 것을 방지하고 더 많은 예외를 발생시킵니다. use strict 문은 브라우저가 JavaScript의 축소되고 안전한 기능 세트인 Strict 모드를 사용하도록 지시합니다.</span></p> <h3><span>32.</span>  <b>  <strong>CheckBox의 상태를 얻는 방법은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>DOM 입력 체크박스 속성은 체크박스 필드의 체크 상태를 설정하거나 반환하는 데 사용됩니다. 이 속성은 HTML Checked 속성을 반영하는 데 사용됩니다.</span></p> <pre class='hljs'>document.getElementById('GFG').checked;></pre><p dir='ltr'><span>CheckBox가 선택되어 있으면 True를 반환합니다.</span></p> <h3><span>33.</span>  <b>  <strong>JavaScript의 클로저를 설명하는 방법과 사용 시기는 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>클로저는 부모 함수가 이미 실행된 후에도 자식 함수가 부모 범위의 환경을 유지할 때 생성됩니다. 클로저는 함수와 관련하여 로컬로 선언된 변수입니다. 클로저를 사용하면 코드를 더 잘 제어할 수 있습니다.</span></p>자바스크립트<code class='hljs'> <pre class='hljs'>// Explanation of closure  function foo() {   let b = 1;   function inner() {   return b;   }   return inner;  }  let get_func_inner = foo();  console.log(get_func_inner());  console.log(get_func_inner());  console.log(get_func_inner());></pre> </code> <h3><span>3. 4.</span>  <b>  <strong>call() 메소드와 apply() 메소드의 차이점은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>두 방법 모두 다른 상황에서 사용됩니다.</span></p> <ul><li value='1'>  <b>  <strong>호출() 메서드:</strong>  </b>  <span>소유자 개체를 인수로 사용하여 메서드를 호출합니다. this 키워드는 함수 또는 해당 함수가 속한 개체의 '소유자'를 나타냅니다. 다양한 객체에 사용할 수 있는 메서드를 호출할 수 있습니다.</span></li><li value='2'>  <b>  <strong>적용() 메서드:</strong>  </b>  <span>apply() 메소드는 다른 객체에 사용할 수 있는 메소드를 작성하는 데 사용됩니다. 인수를 배열로 취한다는 점에서 call() 함수와 다릅니다.</span></li></ul><h3><span>35.</span>  <b>  <strong>JavaScript의 하이퍼링크에서 특정 프레임을 대상으로 지정하는 방법은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>이 작업은 다음을 사용하여 수행할 수 있습니다.</span>  <b>  <strong>표적</strong>  </b>  <span>하이퍼링크의 속성입니다. 좋다</span></p> <pre class='hljs'> New Page></pre><h3><span>36.</span>  <b>  <strong>JavaScript에 표시된 오류를 작성하시겠습니까?</strong>  </b>  </h3><p dir='ltr'><span>JavaScript에는 세 가지 유형의 오류가 있습니다.</span></p> <ul><li value='1'>  <b>  <strong>구문 오류:</strong>  </b>  <span>구문 오류는 특정 프로그래밍 언어로 작성하려는 문자 또는 토큰 시퀀스의 구문 오류입니다.</span></li><li value='2'>  <b>  <strong>논리적 오류:</strong>  </b>  <span>코딩의 논리적인 부분의 오류이거나, 프로그램의 버그로 인해 프로그램이 제대로 작동하지 않고 비정상적으로 종료되는 오류이기 때문에 가장 추적하기 어려운 오류입니다.</span></li><li value='3'>  <b>  <strong>런타임 에러:</strong>  </b>  <span>런타임 오류는 프로그램 실행 중에 발생하는 오류로, 예외라고도 합니다.</span></li></ul><h3><span>37.</span>  <b>  <strong>JavaScript와 Jscript의 차이점은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'>  <b>  <strong>자바스크립트</strong>  </b>  </p> <ul><li value='1'><span>Netscape에서 개발한 스크립트 언어입니다.</span></li><li value='2'><span>클라이언트 및 서버 측 애플리케이션을 설계하는 데 사용됩니다.</span></li><li value='3'><span>이는 Java 언어와 완전히 독립적입니다.</span></li></ul><p dir='ltr'>  <b>  <strong>Jscript</strong>  </b>  </p> <ul><li value='1'><span>마이크로소프트에서 개발한 스크립트 언어입니다.</span></li><li value='2'><span>이는 와이드 웹이라는 단어를 위한 활성 온라인 콘텐츠를 디자인하는 데 사용됩니다.</span></li></ul><h3><span>38.</span>  <b>  <strong>무엇을</strong>  </b>  <span> </span>  <i>  <b>  <strong>var myArray = [[]];</strong>  </b>  </i>   <b>  <strong>성명은 선언합니까?</strong>  </b>  </h3><p dir='ltr'><span>JavaScript에서는 이 명령문을 사용하여 2차원 배열을 선언합니다.</span></p> <h3>  <b>  <strong>39. JavaScript 코드에서 HTML 요소에 접근할 수 있는 방법은 몇 가지입니까?</strong>  </b>  </h3><p dir='ltr'><span>JavaScript에서 HTML 요소에 액세스하는 방법에는 다음 네 가지가 있습니다.</span></p> <ul><li value='1'>  <a href='/html-dom-getelementbyid-method'>  <b>  <strong>getElementById() 메서드:</strong>  </b>  </a>  <span>ID 이름으로 요소를 가져오는 데 사용됩니다.</span></li><li value='2'>   <b>  <strong>getElementsByClass() 메서드:</strong>  </b>   <span>주어진 클래스 이름을 가진 모든 요소를 가져오는 데 사용됩니다.</span></li><li value='3'>   <b>  <strong>getElementsByTagName() 메서드:</strong>  </b>   <span>주어진 태그 이름을 가진 모든 요소를 가져오는 데 사용됩니다.</span></li><li value='4'>   <b>  <strong>querySelector() 메서드:</strong>  </b>   <span>이 함수는 CSS 스타일 선택기를 가져와서 선택한 첫 번째 요소를 반환합니다.</span></li></ul><h3>  <b>  <strong>40. innerHTML과 innerText의 차이점은 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>innerText 속성은 지정된 노드와 모든 하위 항목의 일반 텍스트로 텍스트 콘텐츠를 설정하거나 반환하는 반면, innerHTML 속성은 요소의 일반 텍스트 또는 HTML 콘텐츠를 설정하거나 반환합니다. innerText와 달리 내부 HTML을 사용하면 HTML 서식 있는 텍스트로 작업할 수 있으며 텍스트를 자동으로 인코딩 및 디코딩하지 않습니다.</span></p> <h3>  <b>  <strong>41. JavaScript에서 이벤트 버블링이란 무엇입니까?</strong>  </b>  </h3><p dir='ltr'><span>한 요소가 다른 요소 안에 존재하고 두 요소 모두 이벤트를 처리하는 상황을 생각해 보세요. 버블링에서 이벤트가 발생하면 가장 안쪽 요소가 이벤트를 먼저 처리한 다음 외부 요소 등을 처리합니다.</span></p>  <blockquote><p dir='ltr'><span>자세한 내용은 다음 주제에 대한 전용 기사를 확인하세요.</span>   <b>  <strong>고급 자바스크립트 인터뷰 질문</strong>  </b>   <span>. 내부에는 자세한 답변이 포함된 20개 이상의 질문이 있습니다.</span></p> </blockquote>  <br>  <br></article>
                         
                        </div><!--//content-->
                    </div><!--//section-inner-->                 
                </section><!--//section-->
    
            </div><!--//primary-->
            <div class="secondary col-md-4 col-sm-12 col-xs-12">
                  <aside class="info aside section">
                    <div class="section-inner">
                        <h2 class="">범주</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li> <a href="/java-applet/">자바 애플릿</a> </li><li> <a href="/javafx-tutorial/">Javafx 튜토리얼</a> </li><li> <a href="/net-framework/">.넷 프레임 워크</a> </li><li> <a href="/biology-difference-between/">생물학-차이-사이</a> </li><li> <a href="/python-numpy-matrix-function/">Python Numpy-Matrix 함수</a> </li><li> <a href="/nodejs-questions/">Nodejs-질문</a> </li><li> <a href="/c-string/">C# 문자열</a> </li><li> <a href="/python-json/">Python-Json</a> </li><li> <a href="/c-set-function/">C++ 세트 함수</a> </li><li> <a href="/salesforce-tutorial/">세일즈포스 튜토리얼</a> </li>
                                
                            </ul>
                        </div><!--//content-->  
                    </div><!--//section-inner-->                 
                </aside><!--//aside-->
                
                 <aside class="testimonials aside section">
                   <div class="section-inner">
                        <h2 class="heading">양수 및 음수 경사</h2>
                        <div class="content">
                            <div class="item">
                                 <blockquote class="quote">                                  
                                    <span> <i class="fa fa-quote-left"></i> 블로그, quora란 무엇인가, yandex란 무엇인가, 연락처 페이지, duckduckgo 검색 엔진, 검색 엔진 저널, facebook, google chrome, firefox 등을 포함한 긍정적이고 부정적인 경사.</span>
                                </blockquote>                
                                                                                             
                            </div><!--//item-->
                            
                            <p> <a class="more-link" href="/positive-negative-slope"> <i class="fa fa-external-link"></i> 자세히보기</a> </p> 
                            
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
               
                            
                 <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">재미있는 기사</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"> <strong> <a href="/arraylist-array-conversion-java">Java에서 ArrayList를 배열로 변환: toArray() 메서드</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/python-do-while-loops">Python Do While 루프</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/how-initialize-list-python">Python에서 목록을 초기화하는 방법은 무엇입니까?</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/difference-between-microkernel">마이크로커널과 모놀리식 커널의 차이점</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/java-socket-programming">Java 소켓 프로그래밍</a> </strong> </span>
                                    
                                </li><!--//item-->
                               
                            </ul>
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
              
                 <aside class="list music aside section">
                    <div class="section-inner">
                        <h2 class="heading">인기 게시물</h2>
                        <div class="content">
                            <ul class="list"> <li><a href="/java-initialize-array">Java에서 배열을 초기화하는 방법</a>
</li><li><a href="/string-concatenation-java">자바의 연결 문자열</a>
</li><li><a href="/kruskals-algorithm">크루스칼 알고리즘'</a>
</li><li><a href="/uninstall-reinstall-angular-cli">각도 cli 제거</a>
</li><li><a href="/architecture-linux">리눅스 아키텍처</a>
</li> 
                                
                                
                            </ul>
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
              
            </div><!--//secondary-->    
        </div><!--//row-->
    </div><!--//masonry-->
    
	    <footer class="footer">
        <div class="container text-center">
                <span>
Copyright ©2025 판권 소유 |  <a href="//hu.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">부인 성명</a>  |  <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">회사 소개</a>  |  <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">개인 정보 보호 정책</a>  </span>
        </div>
    </footer>
 
         
    <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>    
    

    <script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>     
	
	<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
	
</body>
</html>

TechCodeview

JavaScript 인터뷰 질문 및 답변