Vanila Javascript/면접 질문 (8) 썸네일형 리스트형 2019 프론트엔드 기술면접에서 주로 나왔던 주제들 2주간 프론트엔드 분야에 면접을 진행하면서 나왔던 주제들 중 기억에 남는 것들을 정리! 1. var let const의 차이 2. closure 가 무엇이며 어떻게 사용되는 것인지 3. 일반 함수와 화살표 함수의 차이점들 그리고 그 차이점이 왜 발생하는지 4. 비동기를 처리할 수 있는 방법이 무엇이 있는지 5. callback을 사용할 수 있는 사례를 직접 보여달라 6. callback hell이 어떤 상황에서 발생할 수 있는지 7. 자바스크립트 스코프에 대해서 아는대로 설명 8. 실행 컨텍스트에 대해 설명하시오 9. 이벤트 루프에 대해 아는대로 설명하시오 10. Element의 data- 속성을 왜 사용하며 언제 사용할 수 있는지 11. 브라우저 동작원리 12. React, Vue 라이프 사이클에 대해.. [면접질문 #7] What is difference between slice and splice 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. #7 slice 메소드와 splice 메소드의 차이점은 어떤게 있을까? 가장 큰 차이점을 아래 표에서 확인해보자 slice splice 기존 배열을 수정하지 않는다 (immutable) 기존의 배열을 수정한다 (mutable) .. [면접 질문 #6] What is the purpose of array splice method? 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. #6 배열의 메소드인 splice를 사용하는 목적은 무엇일까? ** slice와 구분해서 알아두자 splice() 메소드는 배열에 값을 추가하거나 배열로부터 값을 제거할 때 사용한다. 첫번 째 인자는 추가/삭제를 위한 배열의 위.. [면접 질문 #5] What is the purpose of array slice method? 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. #5. slice 메소드를 사용하는 목적이 무엇일까? slice() 메소드는 요소를 선택하고, 선택된 요소들은 새로운 배열 객체로 반환된다. 첫번 째 파라미터로 시작 요소를 선택한다. 두번 째 파라미터는 optional로 마지막.. [면접질문 #4] What is JSON and its common operations? 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. JSON은 자바스크립트 객체 문법을 따르는 텍스트 기반의 데이터 포멧이다. JSON 은 Douglas Crockford 덕분에 유명해졌다. 이것은 확장자가 .json인 단순한 텍스트 파일이다. 그리고 apllication/jso.. [면접질문 #3] What is the difference between Call, Apply and Bind? 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. Call, Apply, Bind의 차이점을 아래 예시에서 확인해보자 Call: Call 메소드는 this 와 각각의 인자로 호출한다. const parkoon = {name: 'parkoon', age: 30} const kim.. [면접 질문 #2] What is prototype chain? 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. 프로토타입 채이닝은 기존에 존재하는 객체를 기반으로 새로운 객체를 생성할 때 사용된다. 이것은 클래스 기반 언어에서의 상속과 유사하다. 객체 인스턴스의 포로토타입은 Object.getPrototypeOf(obejct) 또는 pr.. [면접 질문 #1] What are the possible ways to create objects in JavaScript? 아래 글은 https://github.com/sudheerj/javascript-interview-questions#what-are-the-possible-ways-to-create-objects-in-javascript 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. #1 자바스크립트에서 객체를 생성할 수 있는 방법은 어떤 것들이 있을까? 자바스크립트에는 아래와 같이 객체를 생성하는 여러가지 방법이 있다. 1. 객체 생성자 객체 생성자를 이용하는 방법이 가장 심플한 방법이다. 하지만, 객체 .. 이전 1 다음
