면접시 나올만한 내용들을 정리.
1-1. 자바스크립트란?
HTML + CSS
2. 웹접근성에 대하여 설명하시오.
어떠한 사용자, 어떠한 기술환경에서도 사용자가 전문적인 능력없이
웹 사이트에서 제공하는 모든정보에 접근할수있도록 보장하는것.
3. 지역변수와 전역변수 선언방법은?
함수 밖에서 선언 - 전역변수, 함수 안에서 선언 - 지역변수 함수안에서 선언시 var없이 선언하면 전역변수 변경가능.
4. 자바스크립트 라이브러리 중 아는 것을 말하고 이를 짧게 설명하시오
Jquery - $로 시작하며 DOM탐색이나 이벤트 ajax를 활용할때 유용하게 사용가능.
멀티브라우져 지원이 가장큰 장점 이다.
5. 자바스크립트에 존재하는 데이터타입을 모두 말하시오.
Number, String, Boolean, object, Function, Array, Date, RegExp, Null, Undefined
6. 워드프레스를 사용해 본적이 있는지? 있다면 짧게 설명
7. 플러그인이 무엇인지 설명하고 만들어본 경험이 있는가?
간단하게 기존의 기능을 확장할수 있도록 도와주는프로그램 ( datepicker, modal)
8. 자바스크립트 라이브러리 사용시 가장 큰 장점은?
멀티브라우져 지원이 가장큰 장점이다.
9. 콜백함수는 무엇인지 설명하시오
나중에 호출되는 함수로. 어떤이벤트가 발생하거나 특정 시점에 도달했을때 시스템에서 소출하는함수
onclick="button1_click() 이벤트 주고 function button1_click(){ alert("hello")}
$("#button1").click(function(){alert("hello")});
10. 시간반복함수는 무엇이고 이를 정지시키는 함수는 무엇인지 말하시오.
$(document).ready(function(){
var testInterval = setinterval(function(){
alert("2초마다 반복실행.");
}, 2000);
setTimeout(function(){
clearInterval(testInterval);},7000);
});
12. CSS 의사선택자는 무엇이 있는지 설명하시오.
유행선택자 - p{color:red}
전체선택자- *{margin:0px; padding: 0px;}
ID 선택자- #header{text-align: center;}
클래스 선택자 - .popup{font-size: 11px;}
17. 객체지향언어의 특징을 설명하시오.
- 클래스 -상속 -다형성(오버라이드, 동적바인딩)
17 -1. 자바스크립트만의 객체지향언어를 설명하시오.
19. ajax에 대하여 설명하시오. 외부 script를 불러올 경우 </body> 의 바로 위에 위치 시키는 이유는 무엇일까요.
Asynchronous javaScript + xml 자바스크립트와 XML을 비동기로 서버와 통신을 이루는것.
22. 시멘틱 태그 요소를 4개 이상 적으세요.
header, nav, aside, section, article, footer
23. 모듈과 컴포넌트의 차이점은 무엇일까요?
모듈은 구현의 단위
컴포넌트는 런타임 엔티티를 참조하는 단위.
27. 자바스클비트를 사용한 어플리케이션 개발 중 성능 개선 방법은 무엇이있을까요?
28. 가비지 컬렉션을 위해 사용하지 않는 참조 변수는 어떻게 하면 좋을까요.
29. setTimeout 사용하여 타이머 함수를 하나 선언하려고 합니다. 만약 등록된 타이머 함수를 제거하려면 어떻게 할까요?
clearTimeout 사용 10번이랑 동일하다.
30. 타임스탬프로 저장된 날짜를 설명하세요.
현재 시간을 밀리세컨드 단위로 변환하여 보여주며 값을 비교할때 유용하다.
timestamp = new Date().getTime();
33. CSS의 top,bottom,left,right 속성을 사용하려면 position의 무슨 값이 필요할까요?
relative, absolute
34. CSS3의 transform을 사용하여 엘리먼트를 이동하려고 합니다. 이때 사용가능한 단위는 무엇일까요?
35. 자바스크립트의 정규표현식을 사용할 경우 반드시 시작과 끝에 일치하는 패턴을 찾기 위해서 사용하는 특수문자는?
$("#id").on('click',function(){
alert("helloworld");
});
아래와 같이 하면 click 이벤트가 먹지 않는다 왜냐 * 동적으로 html에 버튼을 추가해 주었기 때문에 on 을 사용해서 이벤트 바인딩을 해줘야한다
$(function(){
$("#makebtn").click(function(){
var dynamicTag = '<input type="button" id="btn" value="경고"/>';
$("body").html(dynamicTag);
})
$("#btn").click(function(){ alert("!");
})
})
==============================
$("document").on("click","#btn",function(){
alert("!");
}) 이런식을 바꿔줘야한다.