top 25 web developer interview questions
이 튜토리얼은 자주 묻는 질문 세트를 제공합니다. 주니어 및 시니어 레벨 프런트 엔드 웹 개발자를위한 웹 개발자 인터뷰 질문 및 답변 :
마케팅 팀은 신뢰할 수있는 웹 존재를 구축하고, 제품과 서비스를 잠재 고객에게 광고하고, 추적하고, 기존 고객에게 애프터 서비스를 제공하는 것이 필수적입니다.
웹 응용 프로그램은 전 세계적으로 액세스 할 수 있고 인정 받고 국제 시장에 제품과 서비스를 제공 할 목적으로 구축됩니다.
Excel의 테스트 요약 보고서 템플릿
웹 기반 응용 프로그램을 빌드하려면 사용자 상호 작용, DOM 요소 처리, 클라이언트 입력 유효성 검사 및 동적 작성을 위해 HTML5, Cascading Style Sheet CSS3, JavaScript 및 JS 라이브러리와 같은 마크 업 언어에 대한 심층적 인 지식이 있어야합니다. 반응 형 웹 페이지.
학습 내용 :
웹 개발이란?
웹 개발은 온라인 전자 상거래 사이트, Amazon, Flipkart, eBay 등과 같은 웹 기반 응용 프로그램과 Facebook, LinkedIn, Instagram 및 Twitter와 같은 소셜 네트워킹 사이트를 구축하고 유지 관리하는 작업을 말합니다.
여기에는 철도, 은행, 모든 주요 정부 사이트를위한 웹 사이트 구축 작업이 포함되어 정보를 방송하고 인식을 제고합니다.
웹 회의 소프트웨어 Skype, Zoom, GoToMeeting을 사용하여 대중의 인식을 높이고 뉴스 채널을 통해 교육을 제공합니다. Netflix, Amazon Prime, MX 플레이어 등과 같은 웹 시리즈를 통해 온라인 엔터테인먼트를 제공합니다. 학생들을 교육하고 회의를 진행하여 지리적 경계를 넘어 고객과 팀을 다룹니다.
이제 주니어 및 시니어 레벨 인터뷰를위한 가장 일반적인 웹 개발자 인터뷰 질문으로 이동하겠습니다.
자주 묻는 웹 개발자 인터뷰 질문
Q # 1) 브라우저의 기능을 설명하십시오.
대답: 브라우저는 다양한 기능을 제공합니다. 다음과 같습니다.
- 웹 기반 애플리케이션 및 웹 사이트에서 사용되는 HTML 페이지 및 모든 웹 요소에 액세스하고 요청에 대한 응답으로 다른 사이트의 응답을 표시합니다.
- 주소 표시 줄에 URL 또는 웹 주소를 입력하여 관심 사이트를 웹 검색하고 검색 엔진을 사용하여 응답을 볼 수 있습니다.
- 탐색 컨트롤은 뒤로 버튼을 클릭하고 앞으로 이동하려면 다음 버튼을 클릭하여 최근에 연 페이지로 돌아가는 데 사용됩니다.
- 기록은 방문한 사이트를 시간순으로 추적합니다. 관심 사이트를 기억하거나 북마크하여 나중에 참조하거나 탐색 할 수 있습니다. 또한 이전에 방문한 사이트를 캐시 형태로 저장하고 사이트에서 방문자를 인식하여 해당 사이트에 더 빠르게 액세스 할 수 있도록합니다.
- 인증이 필요한 자주 사용하는 웹 사이트의 비밀번호를 관리하고 대부분의 경우 사용자가 이미 계정에 로그인 한 상태로 유지합니다.
- 다양한 사이트에 액세스하고, API 호출을 통한 정보 교환, 이메일, 데이터 및 미디어 파일 공유 소프트웨어를 통한 통신을 허용합니다.
브라우저의 예 : Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
Q # 2) HTML 5, CSS3, JavaScript 및 웹 개발에서의 중요성을 설명하십시오.
대답:
- HTML은 웹 페이지의 구조를 제공하는 일련의 태그가있는 플랫폼 및 브라우저 독립적 인 마크 업 언어입니다.
- CSS는 스타일로 페이지 레이아웃과 콘텐츠를 개선합니다.
- 자바 스크립트는 웹 요소의 동작을 제어하여 웹 사이트를 상호 작용 / 반응 적으로 만들고, 사용자 입력 값을 확인하고, 웹 사이트 방문자의 정보를 캡처하고, 이전 방문자를 인식하고, 블로그 게시물 방문자 클릭률의 비율을 분석하는 데 도움을줍니다.
Q # 3) Framework에서 무엇을 이해하고 있습니까?
대답: 프레임 워크는 애플리케이션을 생성하기위한 플랫폼을 제공하는 구조입니다. 내부적으로 서로 연결 / 통합되도록 구성된 방식으로 배치 된 유사한 유형의 파일 모음입니다.
예: 파일 업로드 기능, 파일 내용 읽기, PDF 보고서 및 웹 애플리케이션과 통합 된 유사한 형식과 같은 공통 기능을 수행하기 위해 잘 테스트되고 사전 작성되고 컴파일 된 클래스를 포함하는 API 프레임 워크.
Q # 4) 웹 개발 컨텍스트가있는 라이브러리 란 무엇입니까?
대답: 라이브러리는 사전 테스트를 거쳐 개발자가 개발 한 예상 기능을 위해 설계된 코드 모음이며 저장소에서 사용할 수 있습니다. 웹 개발자는 처음부터 동일한 기능을 수행하기 위해 코드를 재발 명하는 대신 이러한 라이브러리를 통합하고 기능을 활용할 수 있습니다.
애플리케이션에서 iText 및 Apache FOP 라이브러리를 사용하여 데이터를 pdf 형식 파일로 내보낼 수 있습니다.
Q # 5) 브라우저 멈춤 문제의 원인은 무엇입니까?
대답: 근본 원인을 식별하고 빈번한 브라우저 정지 문제를 해결하려면 아래에 언급 된 단계를 따르십시오.
여기서는 Google 크롬을 기본 브라우저로 고려하고 있습니다.
- 인터넷과 관련된 문제를 확인하십시오. 창 아이콘 (시작) 클릭-> 제어판 선택-> 네트워크 및 인터넷에서-> 네트워크 상태 및 작업보기 클릭-> 활성 네트워크보기 확인-연결 또는 연결 끊기를 클릭-> 선택한 항목에 대한 인터넷 연결을 표시해야합니다. 회로망.
- Chrome이 제대로 닫히지 않았습니다. 맨 아래에서 오른쪽 아래 모서리에서 마우스 오른쪽 버튼을 클릭하고 작업 관리자 시작을 선택합니다. 프로세스 탭에서 여러 chrome.exe를 찾은 경우 해당 레코드를 마우스 오른쪽 단추로 클릭하고 프로세스 종료를 선택합니다. 이렇게하면 RAM 공간이 확보됩니다. 그런 다음 Chrome을 다시 시작하십시오.
- Chrome 확장 프로그램 비활성화 : Chrome 브라우저를 열고 주소 표시 줄-> chrome : // extensions /를 입력하고 Enter 키를 누릅니다. 모든 활성 확장 프로그램을 비활성화하고 Chrome 브라우저를 다시 시작하십시오. Chrome 확장 프로그램으로 이동하여 모든 확장 프로그램을 활성화하십시오.
- 컴퓨터에서 멀웨어 검사 : Chrome을 실행하고 설정으로 이동합니다. 고급을 클릭하고 재설정을 찾은 다음 정리하십시오. 컴퓨터 정리를 클릭합니다.
- Chrome 설정 재설정 : Chrome을 시작하고 설정으로 이동하여 고급을 클릭하고 재설정 및 정리를 찾은 다음 설정을 원래 기본값으로 복원을 클릭합니다.
- 호환되지 않는 응용 프로그램 제거 : 스캔하는 동안 Chrome이 호환되지 않는 애플리케이션을 감지하면 업데이트를 클릭하거나 호환되지 않는 애플리케이션을 제거합니다.
- 마지막으로 문제가 계속되면 Chrome 버전을 제거하고 최신 버전을 설치하십시오.
Q # 6) 웹 사이트를 방문하는 사용자의 사용자 경험을 개선하려면 어떻게해야합니까?
대답: 다음은 사용자 경험을 개선하기위한 제안입니다.
- 웹 사이트 / 애플리케이션은 연중 무휴 24 시간 실행되어야합니다.
- 피크 시간 또는 시즌 동안 여러 사용자 액세스로드를 처리해야합니다.
- 사용자 친화적이어야하며 방문자가 찾고있는 기능으로 쉽게 이동할 수 있어야합니다.
- 제품 기능을 소개하는 매력적인 동영상이 있어야합니다.
- 입력 한 키워드를 기반으로 검색 엔진에서 웹 사이트를 검색해야합니다.
- 웹 사이트는 거래를위한 모든 가능한 대안과 함께 지불 게이트웨이와 통합되어야합니다.
- 사용자가 제품 구매를 결정할 수있는 기능을 무료로 사용할 수 있어야합니다.
- 웹 사이트에 접속하는 동안 사용자 데이터는 안전하게 보호되어야합니다.
- 세션 및 캐시 기능은 재 방문자를 인식해야합니다.
Q # 7) 웹 개발에 사용되는 비디오 형식은 무엇입니까?
대답: 웹 개발에서 지원되고 사용되는 일부 비디오 형식은 다음과 같습니다.
- Microsoft의 AVI
- FLV Adobe Flash 비디오 플레이어
- Windows 미디어 플레이어에서 지원하는 WMV
- QuickTime 플레이어의 MOV
- 모바일 및 기타 플랫폼에서 지원되는 MP4
Q # 8) 웹 사이트에 접근성 기능을 어떻게 포함 하시겠습니까?
대답: 접근성은 특별한 도움이 필요하거나 장애가있는 방문자가 웹 사이트에 액세스하고 탐색 할 수 있도록 웹 사이트에 구현해야하는 필수 기능입니다.
- 웹 사이트는 키보드 친화적이어야합니다. 즉, 마우스를 사용하지 않고도 모든 기능에 액세스 할 수 있어야합니다.
- 사용자는 GIF 파일, 애니메이션, 비디오 파일과 같은 역동적이고 움직이는 콘텐츠를 끌 수 있어야합니다. 이러한 내용은 간질 사용자에게 악영향을 미칠 수 있습니다.
- 비디오 시청을위한 스크립트 / 캡션. 청각 장애인의 경우 자막이있는 비디오를 보는 것만으로는 충분하지 않으며 비디오 실행 중에 캡션과 같은 기능이 표시되어야합니다.
- 웹 사이트에서 제공하는 기능을 탐색하고 사용하기 위해 지시에 따라 단계를 수행하려면 시각 장애인 방문자를위한 음성 지원 기능 및 태그 지정 사진, 그래픽 및 버튼이 필수적입니다.
- 검색 창에 자동 완성 기능이 있으며 운동 기능이 지연되거나 약한 방문자를위한 기능을 쉽게 찾을 수 있습니다.
- 클릭 가능한 영역의 크기를 늘립니다. 색맹이있는 방문자에게는 미묘한 색상을 사용하십시오.
Q # 9) 웹 애플리케이션에 AJAX를 언제 적용 할 예정입니까?
대답: AJAX는 전체 페이지를 다시로드하지 않고 페이지 컨텐츠 섹션을 업데이트합니다. 이 기능은 사용자가 제출 버튼을 클릭하고 응답을 기다리면서 전송 된 요청을 기다리지 않고 빠른 결과를 필요로 할 때 필수적입니다. 대역폭을 절약하는 적은 수의 요청으로 AJAX를 적용하여 서버로드를 줄일 수 있습니다.
양식 유효성 검사에 AJAX를 사용할 수 있습니다. 팝업 창 대신 라이트 박스를 사용하여 콘텐츠를 표 형식으로 정렬 및 필터링하고, 채팅 애플리케이션을 사용하여 결과 또는 투표를 표시하고, 인증 확인을 위해 보안 문자를 다시로드 할 수 있습니다.
Q # 10) 웹 기반 애플리케이션에서 웹 서비스를 어떻게 구현할 수 있습니까?
대답: 웹 애플리케이션은 HTTP 프로토콜을 사용하여 웹 서비스에 요청을 보냅니다. 주어진 URL에서 웹 서비스는 요청을 처리하고 응답을 애플리케이션에 반환합니다. SOAP와 RESTful은 두 가지 유형의 웹 서비스입니다.
Q # 11) 웹 사이트에 어떤 보안 기능을 어떻게 적용 할 수 있습니까?
대답: 데이터 도난으로부터 웹 사이트를 보호하려면 다음과 같이 웹 사이트의 보안을 개선해야합니다.
- 강력한 암호 정책을 시행하여 암호에 10 자 이상을 허용하고 대문자, 소문자, 특수 문자 및 숫자를 포함해야합니다.
- 귀하의 웹 사이트를 설치하는 호스트는 귀하의 콘텐츠를 보호하기 위해 백업 시설, 안티 바이러스 및 방화벽을 설치해야합니다.
- 로그인 페이지에는 무단 방문자가 귀하의 계정에 접근하는 것을 방지하기 위해 보안 문자, OTP 기능, 계정 차단 기능 (비밀번호 3 개 입력시) 등이 있어야합니다.
Q # 12) 웹 사이트를 통해 이메일을 보내려면 어떤 구성과 설정이 필요합니까?
대답: 이상적으로는 Gmail SMTP와 같은 타사 서비스를 사용하여 단일 서버에서 SMTP를 구성하거나 호스트 이름, 포트, 사용자 이름 및 비밀번호를 사용하여 탄력적 이메일을 사용할 수 있습니다.
Q # 13) 반응 형 웹 사이트는 무엇을 위해 구축 하시겠습니까?
대답: 반응 형 웹 디자인은 데스크톱 또는 노트북 모니터 크기와 관련하여 데스크톱, 태블릿 및 모바일을 기준으로 브라우저 너비와 높이를 자동으로 조정하는 데 도움이됩니다.
Q # 14) 데이터 교환 형식은 무엇입니까?
대답: 다양한 데이터 교환 형식은 XML, CSV, JSON 및 텍스트 형식입니다.
Q # 15) 프로토콜이란 무엇을 의미합니까?
대답: 네트워킹 용어에서 프로토콜은 데이터를 형식화하고 처리하기위한 일련의 규칙입니다. 통신하려면 두 장치가 동일한 프로토콜을 가져야합니다. IP (인터넷 프로토콜)는 네트워크 계층 프로토콜이며 라우팅을 담당합니다. TCP (Transmission Control Protocol)는 네트워크를 통해 데이터 패킷을 전송합니다.
HTTP (HyperText Transfer Protocol)는 인터넷에서 사용되는 계층 7이며 장치간에 데이터를 전송합니다. UDP (User Datagram Protocol)는 비디오 스트리밍 및 게임과 같은 빠른 데이터 교환 응용 프로그램에 사용됩니다.
Android 용 최고의 VR 앱은 무엇인가요
Q # 16) 페이지로드 시간을 줄이기 위해 어떤 기술을 적용 하시겠습니까?
대답: 페이지로드 시간을 줄이고 성능을 향상시키기 위해 다음 기술을 적용 할 수 있습니다.
- CSS3 및 HTML5와 같은 최신 버전의 웹 구축 기술 적용
- 최소한의 JavaScript 및 스타일 시트 사용
- 리디렉션 사용을 피하십시오
- 작은 크기의 이미지 사용
- CDN (Content Delivery Network)의 코드 포함
- 빠르고 반응이 빠른 웹 애플리케이션에 AJAX 적용
Q # 17) HTTP 1.1과 2.0의 차이점은 무엇입니까?
대답: HTTP 1.1과 HTTP 2의 차이점은 아래 표에 나열되어 있습니다.
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1은 일반 텍스트 만 처리 할 수 있으며 CSS, JavaScript, 이미지, 사운드, 비디오 및 디지털화 된 냄새, 터치 샘플 처리와 호환되지 않습니다. | 서버 푸시 도움말을 사용하여 요청하기 전에 요청에 사용할 리소스를 브라우저의 캐시에 저장하여 콘텐츠를 빠르게 표시합니다. |
전송 된 요청 및 수신 된 응답은 일반 텍스트 형식입니다. | 요청 및 응답 메시지는 모두 이진 형식으로 캡슐화되어 무단 변경으로부터 더 많은 보호를 제공합니다. |
공백, 대문자 및 줄 끝을 처리하는 데 어려움이 있습니다. | 공백, 대문자 및 줄 끝과 같은 요소를보다 효율적으로 처리하는 이진 프로토콜을 사용합니다. |
페이지 콘텐츠를 처리하려면 더 많은 대역폭이 필요합니다. | 페이지 콘텐츠를 표시하는 데 더 적은 대역폭을 사용합니다. |
HTTP 1.1에서는 콘텐츠로드의 우선 순위를 지정할 수 없습니다. | 개발자는 선호하는 순서대로 콘텐츠의 우선 순위 지정 / 업로드를 제어 할 수 있습니다. |
페이지에 콘텐츠를로드하는 데 시간이 걸리는 리소스를 차례로로드합니다. | 단일 TCP 연결을 사용하여 여러 데이터 스트림을 전송하여 HTTP 1.1의 헤드 오브 라인 차단 문제 해결 |
메타 데이터는 일반 텍스트로 전송되므로 처리하는 데 더 많은 오버 헤드가 필요합니다. | 오버 헤드를 줄이는 헤더 압축 메커니즘 사용 |
Q # 18) 웹 애플리케이션을 구축 할 때 고려할 우선 순위는 무엇입니까?
대답: 웹 애플리케이션을 빌드하는 동안 다음 우선 순위를 염두에 두어야합니다.
- 웹 사이트 페이지는 가능한 한 빨리로드되어야하므로 성능을 테스트해야합니다.
- 응용 프로그램 페이지에는 끊어진 링크가 없어야합니다.
- 이 애플리케이션은 Mozilla Firefox, Google Chrome, Internet Explorer 및 Opera와 같은 모든 주요 브라우저와 호환되어야합니다.
- 사이트에는 검색 엔진에서 액세스 할 수있는 키워드가 포함되어야합니다.
- 데이터베이스와 원활하게 연결되어야합니다.
- 저장 프로 시저와 같은 데이터베이스 엔터티는 유효한 입력으로 철저히 테스트해야합니다.
- 백엔드 테이블은 보안이 유지되고 변조되지 않아야합니다.
- 데이터 삽입은 열 및 행 수준의 제약 조건에 따라 확인되어야합니다.
- DB 테이블에 데이터를 삽입하고 사용자 인터페이스 프로세스에서 보는 것은 가능한 한 빨리 이루어져야합니다.
- 페이지 통합에 사용되는 프레임 워크는 간단해야하며 컴파일없이 테스트해야합니다.
- 사용자 입력 페이지는 사용자의 입력을 최소화하여 디자인해야하며 사용되는 요소는 사용자가 쉽게 액세스 할 수 있어야합니다.
- HTTP2를 사용하여 페이지 콘텐츠를 빠르게로드합니다.
- JavaScript는 최소한으로 사용해야합니다.
- 텍스트를 읽을 수있는 스피커, 더 큰 글꼴 크기, 화면 터치 액세스 등의 접근성 제공을 통해 신체적 제약이있는 사람들도 웹 사이트에 쉽게 액세스 할 수 있도록해야합니다.
- 이러한 파일을 실행하기 위해 로컬 소프트웨어에 의존하지 않고 열 수있는 오디오 및 비디오와 같은 미디어 파일을 통합해야합니다.
- 웹 페이지는 모바일 화면에 반응해야합니다.
Q # 19) HTML5에 도입 된 새로운 기능은 무엇입니까?
대답: 새로운 의미, 그래픽, 멀티미디어 요소가 HTML5에 도입되었으며 요소에 다양한 속성이 추가되었지만 일부 요소는 제거되었습니다.
멀티미디어 요소 비디오 및 오디오, 위치 정보 API, 웹 저장소의 API, 웹 소켓, JS 웹 작업자, Canvas 및 Drag-n-Drop과 같은 주요 새로운 기능도 추가되었습니다.
Q # 20) Canvas와 SVG의 차이점을 예로 설명해주세요.
대답: Canvas 및 SVG 두 컨테이너는 모두 HTML 페이지에 그래픽을 저장하는 데 사용되지만 다음과 같은 차이점이 있습니다.
SVG | 캔버스 |
---|---|
HTML 페이지에서 상자, 원, 타원 등과 같은 그래픽을위한 컨테이너 요소입니다. | 자바 스크립트를 사용하여 그래픽을 그리기위한 컨테이너입니다. |
SVG는 확장 가능하며 고해상도 인쇄에 적합합니다. | 캔버스는 확장 가능하지 않으며 고해상도 인쇄에 적합하지 않습니다. |
적은 수의 개체와 큰 표면 개체를로드하는 더 나은 성능 표시 | 많은 수의 개체와 작은 표면 개체를로드하는 더 나은 성능 표시 |
SVG는 스크립트 및 CSS로 수정할 수 있습니다. | 캔버스는 스크립트로만 수정할 수 있습니다. |
SVG는 모양으로 구성된 벡터 기반입니다. | 캔버스는 픽셀로 구성된 래스터 기반입니다. |
Q # 21) DOM 요소와 계층 구조는 무엇입니까?
대답: 문서 객체는 웹 페이지에 액세스 할 때 브라우저 창에 표시되는 HTML 문서입니다. DOM 또는 문서 객체 모델은이 문서에 액세스하거나 수정하는 방법입니다.
창 개체 모든 요소의 부모이며 페이지 내용을 표시하는 Document 객체가 뒤 따르고 양식 개체 , 태그로 식별됩니다.
양식 제어 요소 : 텍스트 필드, 버튼, 라디오 버튼, 체크 박스, 목록 등과 같은 모든 입력 요소는 양식 객체에 포함됩니다.
Q # 22) ID와 클래스 선택기는 언제 사용해야합니까?
대답: 선택자로서의 ID는이를 요소로 고유하게 식별하기 위해 정의되므로 동일한 페이지 내의 다른 요소에 동일한 ID가 적용되어서는 안됩니다. 클래스 선택기는 해당 요소에 스타일을 추가하기 위해 적용되는 CSS 선택기 유형입니다. ...에 대한 예, 글꼴 군, 글꼴 크기 또는 색상, 따라서 클래스 선택기를 여러 요소에 적용 할 수 있습니다.
JavaScript에서 우리는 getElementById () 소스 코드에서 찾은 첫 번째 요소를 반환하는 메서드 getElementsByClassName () 메서드는 특정 클래스 이름을 가진 요소 컬렉션을 반환합니다.
Q # 23) HTML5에서 도입 한 API를 설명하세요.
대답: HTML 5에는 다음과 같은 API 메서드가 도입되었습니다.
- 고해상도 시간 API : 시스템 클럭 스큐 또는 조정과 관계없이 현재 시간을 밀리 초 미만의 해상도로 제공합니다.
- 사용자 시간 API : 이를 통해 JavaScript 코드 성능을 정확하게 측정 할 수 있습니다.
- 탐색 타이밍 API : 페이지로드 지연 동안 시간 경과 로그를 평가하는 데 도움이되며 페이지 리디렉션, DNS 조회 및 DOM 구성 시간, TCP 연결 지연 등을 고려합니다.
- 네트워크 정보 API : 웹 방문자의 연결 유형과 전체 대역폭 로그의 상태를 식별하는 데 도움이됩니다.
- 진동 API : 궁극적 인 사용자 경험을 제공하는 사용자 장치 (휴대폰)를 진동시켜 게임 애플리케이션의 특정 이벤트 동안 반응을 자극 할 수 있습니다.
- 배터리 상태 API : 충전, 완전 방전까지 남은 시간 등과 같은 장치 배터리 상태에 대한 정보를 제공합니다.
- 페이지 가시성 API : 최소화 됨, 현재 집중됨과 같은 페이지 가시성 상태에 대한 세부 정보를 제공하여 CPU 또는 대역폭 소비 중지에 대한 결정을 제공합니다.
- 전체 화면 API : 애플리케이션 사양에 따라 사용자가 전체 화면으로 표시 할 수 있습니다.
- getUserMedia API : 웹 페이지에 포함 된 비디오, 오디오 또는 둘 다와 같은 멀티미디어 스트림에 대한 액세스를 제공합니다.
- WebSocket API : 브라우저와 서버 간의 지속적인 연결을 유지합니다.
- Geolocation API : 이를 통해 GPS (Global Positioning System)를 통해 장소와 사람의 지리적 위치를 추적하고 위도와 경도를 검색하여지도에 실시간 위치를 표시 할 수 있습니다.
Q # 24) Null, Empty, Undefined 값의 차이점은 무엇이며 각각을 어떻게 처리 할 수 있습니까?
대답: 빈 문자열, Null 및 정의되지 않음은 유형이 비슷하지만 서로 다릅니다.
찾으시는 주소가 없습니다: 변수를 선언했지만 값을 할당하지 않은 경우. OR 변수가 없거나 선언되지 않았습니다. 예: 값; console.log (값); ==> 정의되지 않음
없는: 함수, 변수에 부여 된 식별자 또는 이름이 존재하지만 값이 없습니다. 즉, 값이 null입니다. 예: val = null
빈 문자열 : 문자열 데이터 유형의 변수에 문자 데이터가 포함되지 않은 경우. 예: a = '';
Q # 25) 자바 스크립트에서 사용되는 다양한 팝업 창을 설명하세요.
대답: JavaScript에는 주로 세 가지 유형의 팝업 상자가 있습니다. 경고, 확인 및 프롬프트.
경보 Ok 버튼으로 사용자에게 정보를 제공하는 팝업창입니다. 사용자는 메시지를 읽고 확인 버튼을 클릭하여이 창을 닫을 수 있습니다.
JavaScript에서 경고에 사용되는 구문 :
alert('message');
확인 사용자가 확인 및 취소 중에서 옵션 중 하나를 결정하고 선택할 수있는 팝업 창입니다.
- 다음과 같은 메시지에 동의하려면 하시겠습니까? , 사용자는 확인을 클릭하여 결정을 확인할 수 있습니다.
- 메시지에 동의하지 않으려면 사용자는 취소를 클릭하고 결정에서 옵트 아웃 할 수 있습니다.
신속한 사용자가 이름, 나이와 같은 값을 입력하도록 권장하는 팝업 유형으로, 확인 버튼을 클릭하면 입력 된 값을 수락합니다. 예: yourage = prompt ( '유효한 나이를 입력하세요');
Q # 26) 예제와 함께 CSS 애니메이션 사용을 설명하십시오.
대답: CSS 애니메이션을 사용하여 JavaScript 또는 Flash를 사용하지 않고 HTML 요소에 애니메이션 (스타일간에 점진적으로 변경)을 추가 할 수 있습니다.
특정 시간에 요소가 변경되는 스타일을 유지하는 키 프레임이 지정됩니다.
예는 아래 화면과 같습니다.
CSS 애니메이션 예제 빨간색에서 아쿠아로 색상 변경
Q # 27) RESTful 웹 서비스에서 지원하는 각 HTTP 요청 유형의 목적을 설명하십시오.
대답: RESTful 웹 서비스에서 각 HTTP 요청 유형에는 특정 목적이 있습니다. 아래에 설명되어 있습니다.
- 가져 오기 서버에서 데이터를 검색하는 요청 유형입니다.
- 게시하다 새로운 데이터 양식 세부 정보를 제출 한 다음 파일을 업로드하는 데 사용되는 요청 유형입니다.
- 놓다 POST와 유사한 요청이지만 기존 엔티티 업데이트에 적용됩니다.
- 지우다 PUT와 유사한 요청이며 서버에서 리소스를 삭제하는 데 사용됩니다.
- 자취 요청 중에 네트워크와 함께 수신 된 콘텐츠의 유효성을 검사하는 데 사용됩니다.
- 머리 GET과 유사하지만 요청 중에 응답 헤더를 수신합니다.
Q # 28) HTML5에서 Span과 Div 태그의 차이점은 무엇입니까?
대답: Div와 Span은 모두 웹 페이지의 특정 섹션을 나타내는 데 사용되지만 아래 표에 설명 된 것처럼 서로 다릅니다.
Div | 스팬 |
---|---|
Div는 블록 레벨 요소입니다. | Span은 인라인 요소입니다. |
Div 태그는 문서 섹션을 감싸는 데 사용됩니다. | Span 태그는 텍스트와 이미지를 작은 부분으로 감싸는 데 사용됩니다. |
Div는 CSS 기반 레이아웃을 만드는 데 사용됩니다. | 스팬은 텍스트에 스타일을 추가하는 데 사용됩니다. |
Div는 정렬 속성을 허용합니다. | 스팬은 정렬 속성을 허용하지 않습니다. |
Q # 29) CSS의 Pseudo 클래스를 예제로 설명하세요.
대답: 캐스 케이 딩 스타일 시트의 의사 클래스는 탐색 기록, 위치 또는 이동에서 이전 웹 사이트 방문과 같은 외부 요인을 참조하여 onblur, onclick, onchange, onhover 등과 같은 HTML 이벤트에 특수 스타일을 추가하기 위해 HTML 요소의 선택기에 적용되는 키워드입니다. 마우스, 양식 요소의 내용 상태.
의사 클래스의 구문 :
cssselector : pseudo-class { attribute: value; }
예:
HTML 페이지의 CSS 의사 클래스 :
개방 주소 지정 해시 테이블 C ++
다른 요소 위로 마우스를 가져 가면 의사 클래스의 효과가 표시됩니다.
결론
따라서이 자습서에서는 웹 사이트 및 웹 기반 응용 프로그램 개발 및 유지 관리와 관련된 인터뷰 질문에 대해 논의했습니다. 새로운 기술, 프런트 엔드 스크립팅 언어 라이브러리, HTML5 API, CSS3 및 Java, ASP, PHP와 같은 언어를 통합하는 데 대한 이해와 실무 지식이 필수적입니다. 또한 웹 서버 및 데이터베이스에서 응용 프로그램을 구성하고 SEO 키워드, 웹 보안 및 브라우저 호환성을 처리하는 방법을 알아야합니다.
프로토콜, 웹 서비스, 사용자 경험, 문제 해결, 웹 및 모바일 애플리케이션의 혁신, 보안, 세션 처리 및 접근성 기능과 같은 네트워킹 지식에 능숙해야합니다.
다가오는 웹 개발자 인터뷰에서 최선을 다하십시오.