웹 퍼블리셔 면접 질문 / UI개발자 면접 질문

웹 퍼블리셔 면접 질문 / UI개발자 면접 질문 정리입니다.

 

UI개발자/퍼블리셔는 포트폴리오가 중요하지만 면접과정에서의 테스트 또한 매우 중요합니다.

아무리 포폴이 좋고 실무가 뛰어난 친구라도 기본적인 문제도 대답 못하는 경우도 다반사입니다.

 

면접관의 입장에서 면접질문을 생각나는대로 추려봤습니다.

 

저희 입장에서도 미리 준비했다는 것이 티가 나기도 하는데 전혀 준비하지 못한 친구들 보다는 100번 낫기때문에 기본적인 면접 문제는 꼭 숙지하시고 임하시길 바랍니다.

 

프론트의 deep한 영역은제외하고 퍼블리셔/UI개발에 한해 써봅니다.

찾아보시면서 공부하시라고 답은 적지 않겠습니다.

 

1. Doctype에 대해서 아시는대로 설명하라

 + 안썼을때는 어떻게 되는가?

 + 쿼크모드? 표준모드?

 

2. 웹표준은 무엇이며 웹접근성은 무엇인가?

 + 접근성에 대한 경험이 있는가?

 

3. 시멘틱태그는 무엇이며 왜 사용하는가? 

 + seo는 무엇인가?

 

4. UI가 무엇인가?

 + Interface란?

 + API란?

 

5. float를 clear하는 방법 대표적으로 2가지만 말해달라.

 + 각각의 장단점은?

 

6. 각종 태그 문제

 + ul, ol의 차이는?

 + dl dt dd는?

 + strong, em, b 차이는?

 + figure태그 설명?

 

7. CSS 전처리기란?

 + sass, scss, portcss, less 등 사용경험은?

 

8. MDN 사이트를 아는가?

9. Button태그의 Default type은?

 + <input type="button"> 과 차이점은?

 

10. 문장에 취소선을 넣고싶을때 어떤 태그를 사용하는가?

 + 밑줄 넣는 태그는?

 

11. section 태그와 article 태그의 차이점을 설명해달라

 

12. cdn이란?

 + cdn방식이 빠른가? 직접로드가 빠른가? 혹은 케바케?

- https://beop07.tistory.com/68

 

13. 가상요소와 가상클래스에 대해서 설명해달라

 + 가상요소 : 한개와 :: 두개의 차이는?

 

14. css 적용 우선순위를 말해달라

 

15. 바닐라JS란?

 + 장점, 단점, 사용경험

 

16. JQuery란?

 + 장점, 단점, 개인적인 생각

 

17. Plugin이란?

 + 무엇을 사용해보았나?

 + 장점, 단점

 

18. 크로스브라우징이란?

 + 경험을 말해달라

 

19. CSS 스트라이프란?

 + 장점은? 단점은?

 

20. script를 로드할때 defer, async는 각각 무엇을 나타내는가?

 

21. AJAX란?

 + 사용 경험

 + 비동기 통신이란?

 

22. 슬라이드를 직접 구현할 수 있는가?

 

23. 제이쿼리의 attr(), prop()의 차이는?

- https://beop07.tistory.com/70

 

24. 체크박스의 네모버튼을 커스텀으로 수정하고싶다 어떻게 하는가?

 

25. 제이쿼리 선택자중 형제노드를 탐색하고 싶다 어떻게 하는가?

 + 부모선택자는? 자식선택자는?

 

26. 제이쿼리 선택된 요소의 위치를 알고 싶다 어떻게 하는가?

 

27. 제이쿼리 e.preventDefault()란?

 

28. 전파방지란?

 

29. css keyframe을 사용하여 위아래로 움직이는 도형을 만들수 있는가?

 

30. css로 세모는 어떻게 만드는가?

 

31. 자바스크립트에서 호이스팅이라고 들어보았는가?(프론트영역)

 

32. 자바스크립트 ES6에서 많은 변화가 일어났는데 대표적으로 3가지만 말해달라

 - let, var, const 차이는?

 

33. 국내에선 아직 최신 브라우저를 사용하지 않아 ES6에 대해 완벽한 지원이 안되고있다 어떻게하면 좋을까?

 

34. css flex에 대해 설명하라

 

35. 반응형웹이란? 적응형웹이란?

 + 반응형에서 중요한건 무엇이라 생각하는가?

 

36. meta태그는 무엇인가?

 + 오픈그래프란(og)?

 + 모바일에서 손가락으로 확대하는것을 2배까지만 제한하고 싶다 어떻게하는가?

 

37. 팝업창을 구현해달라고 의뢰 받았다. 대략적으로 어떤 방식으로 구현이 되는지 말로 설명해달라.

 

38. 현재 국내 브라우저 점유율이 어떤지 파악하고 있는가? (웹에 대한 관심도를 보기위함 https://gs.statcounter.com/ 한국을 참고.)

 

39. 협업에 대한 경험은?

 + git을 써보았나?

 

40. 퍼블리싱 스터디는 어떻게하는가?

 + 보고있는 개발 유튜브 있는가?

 

41. 최종 목표가 무엇인가?

 

42. 마지막질문/어필

(장황하게 말고 핵심 내용을 정리해서 자신있게 어필하길바람.) 

 

퍼블리셔는 개발영역에 비해 진입장벽이 높지 않아서 적정 실력을 갖추고 있다면

태도, 예의, 잠재성을 보는 경우도 있습니다.

부족한 부분은 확실히 인정하시고 예의 바르고 경청하는 태도를 가진다면 좋은 인상을 남기실 수 있습니다.

 

생각나는대로 쓰느라 분야가 뒤죽박죽이긴한데.. 아무쪼록 도움이 되길바랍니다.

 

 

Keywords : 퍼블리셔 예상질문, 퍼블리셔 면접질문, UI개발자 면접질문, UI개발자 예상질문, 웹퍼블리셔 면접, 웹퍼블리셔 면접질문, 퍼블리셔 예상문제, UI개발자 예상문제, 퍼블리셔 문제, UI개발자 문제, 프론트엔드 면접질문, 웹 퍼블리셔 면접팁, html 면접 질문, html 면접 문제, 웹에이전시 면접, 퍼블리셔 인터뷰