1차 🍉수박조 모의면접

모의 면접을 준비해보자!

질문.

HTML 파일의 필수 구조는 어떻게 되나요?

<태그>의 형태의 구조가 됩니다. 그리고 Html은 기본적으로 DOCTYPE으로 문서의 버젼을 선언하고 html태그로 시작해서 head와 body를 필수로 가지고 있는 형태로 구성됩니다. 위의 구조로 기본적으로 구성되며 head태그에는 title 태그가 필수로 필요합니다.

img 태그의 필수 속성을 설명해 주세요.

img 요소에서 src 속성과 alt의 속성은 필수 속성입니다. 보통 src 속성은 포함하고자 하는 이미지로의 경로를 지정하여 이미지가 보이도록 합니다. alt 역시 반드시 써주셔야 합니다. 스크린 리더가 alt의 값을 읽어 사용자에게 이미지를 설명하므로, 접근성 차원에서 매우 유용합니다. 또한 네트워크 오류, 콘텐츠 차단, 죽은 링크 등 이미지를 표시할 수 없는 경우에도 이 속성의 값을 대신 보여줍니다.

사용자의 입력과 관련된 태그를 설명해 주세요.

input, textarea, button의 태그를 예로 들 수 있습니다. input 태그는 type속성으로 여러가지 형식을 제공하며 id, password, email, phone number 처럼 한 줄 짜리 정보를 입력받거나 checkbox, radio 처럼 선택하는 입력을 할 수 있습니다. input 태그는 닫히는 태그가 필요없습니다. textarea는 여러 줄의 텍스트 입력을 할 수 있고, 닫히는 태그가 필요합니다. 버튼은 입력한 정보를 서버로 보내는 역할을 합니다.

함수의 정의와 호출을 구분해서 설명해 주세요.

함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야만 합니다. 함수를 정의하는 방법으로는 함수선언식, 함수표현식, 화살표함수의 방법이 있습니다. 함수를 호출할 때에는 함수의 이름을 괄호와 함께 써야 호출이 됩니다. 함수 호출 시에 괄호 안의 매개변수 자리에 값(argument)을 전달하면 그 값에 대한 함수의 결과를 얻게 됩니다. 함수는 호출시에 실행됩니다.

배열이 필요한 이유는 무엇인가요?

배열이 사용되는 경우배열을 선언하는 이유는 배열값이 한개의 값이 아닌 여러개의 데이터값을 동시에 가질 수 있기 때문입니다 (만약 일일코스피지수를 보여주는 차트를 만들기 위해 데이터를 일일히 변수 선언한다면? 3년 정도의 자료에 필요한 변수는 2000개가 넘을 것=> 이렇게 중복된 변수 선언을 줄일 수 있음) 또한 요소로서 데이터 형식에 구애받지 않아서 데이터의 집합을 저장하기 위한 용도로 사용됩니다. 인덱스값으로 데이터로의 접근이 쉽고, 자바스크립트에서는 배열에서 쓰이는 메서드들을 활용해 데이터를 쉽게 관리할 수 있습니다.