🗣️ "라이브러리와 프레임워크에 대해 설명해보세요"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "라이브러리와 프레임워크에 대해 설명해보세요" 답변:라이브러리는 특정 기능을 수행하는 코드 모음입니다. 개발자가 필요할 때 호출해서 사용합니다. 예를들어 JavaScript의 jQuery가 있습니다. 쉽게말해 라이브러리는 내가 필요할 때 가져다 쓰는 도구상자와 비슷합니다.프레임워크는 전체적인 구조와 규칙을 제공하는 뼈대를 제공하며, 제어 흐름을 관리합니다. 예로 React, Angular가 있습니다. 내가 그 안에서 필요한 코드를 작성하고, 프레임워크가 전체 구조와 흐름을 관찰합니다.
🗣️ "개발자에게 가장 중요한 능력, 역량은 무엇이라고 생각하세요?"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "개발자에게 가장 중요한 능력, 역량은 무엇이라고 생각하세요?" 답변:개발자에게 가장 중요한 역량은 의사소통 능력이라고 생각합니다.기술적인 능력도 물론 중요하다고 생각합니다. 하지만, 개발자는 팀의 일원으로서 다양한 사람들과 협력해야 합니다. 예를 들어, 프로젝트 매니저, 디자이너, 다른 개발자들, 그리고 심지어는 고객과도 소통해야 할 때가 많습니다.좋은 의사소통 능력은 여러 측면에서 중요합니다. 3가지 정도 예시를 들어보겠습니다.첫째로, 팀원들과 효과적으로 소통하면 프로젝트의 진행 상황을 명확히 이해하고, 문제가 발생해도 빠르게 해결이 가능합니다.둘째로 코드리뷰나 피드백을 주고받을 때도 원활한 의사소통이 필요합니다.셋째로 비기술적인 이해관계자들에게 기술적인 내용을 쉽게 설명할 수 있어야 프로젝트..
🗣️ "웹 브라우저가 웹 페이지를 렌더링 하는 과정을 설명해보세요"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "웹 브라우저가 웹 페이지를 렌더링 하는 과정을 설명해보세요" 저라면 크리티컬 랜더링 패스를 가져와서 설명할 것 같습니다.더보기 크리티컬 랜더링 패스(Critical Rendering Path)?페이지의 콘텐츠가 사용자에게 빠르게 표시되도록 하는데 중요한 렌더링 프로세스를 설명하는 개념입니다. 이 패스는 페이지가 화면에 렌더링되는 과정을 최적화하여 사용자가 페이지를 더 빨리 볼 수 있도록 합니다. 답변:웹 브라우저가 웹 페이지를 렌더링하는 과정은 크리티컬 랜더링 패스를 기준으로 설명할 수 있습니다. 과정을 설명드리겠습니다.먼저 페이지를 요청합니다. 사용자가 웹 페이지를 요청하면 브라우저는 서버에 요청을 보내고 HTML 문서를 받아옵니다.그리고 HTML파싱이 진행됩니다. 브라우저는 이 HTML문서를..
🗣️ "호이스팅이 뭔지 설명하세요"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "호이스팅이 뭔지 설명하세요" 네 호이스팅에 대해 설명드리겠습니다.호이스팅은 자바스크립트 엔진이 코드를 실행하기 전에, 변수와 함수의 선언부를 스코프의 맨 위로 끌어올리는 것처럼 동작하는 특성을 말합니다. 이게 실제로 코드가 변경되는 것은 아니고, 컴파일 단계에서 메모리에 저장되는 방식입니다.제가 이해한 바로는 호이스팅이 중요한 이유가 코드의 실행 흐름을 예측하는데 영향을 주기 때문입니다.특히 var로 선언한 변수에서 이 특성이 두드러지게 나타납니다.예를 들어 console.log로 변수 x를 출력한다고 작성하고 다음 줄에 var키워드로 변수 x를 선언하면 에러가 날 것 같지만 undefined가 출력됩니다. var x부분만 코드의 최상단으로 끌어올려져서 작동되기 때문입니다.개인적으로 호이스팅을 ..
🗣️ "var, let, const의 차이가 무엇인가요?"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "var, let, const의 차이가 무엇인가요?" 네 var, let 그리고 const의 차이점에 대해서 설명드리겠습니다.먼저 var는 JavaScript의 초기부터 사용된 변수 선언 키워드입니다. 함수 스코프를 가지며 호이스팅이 발생합니다. 하지만 var의 사용은 몇 가지 문제를 일으킬 수 있습니다. 예를 들면 var로 선언된 변수는 if문을 선언했을때 밖에서도 접근이 가능하여 변수가 전역 스코프로 노출 되거나 중복선언도 가능하여 변수 재선언으로 인한 버그를 발생시킬 수도 있습니다.그래서 ES6부터 let과 const가 도입이 되었습니다. let은 블록 스코프를 가지며 재할당이 가능하지만 재선언은 불가능합니다. const의 경우에는 재선언과 재할당 모두 불가능합니다.저의 사용경험에서는 var..
🗣️ "스크립트 태그 속성 중에 async vs defer 차이가 뭐에요?"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️  "스크립트 태그 속성 중에 async vs defer 차이가 뭐에요?" 네, 지금부터 차이를 설명드리겠습니다.async(어씽크)와 defer(디퍼)는 HTML문서에 JavaScript 파일을 비동기적으로 로드하는 두 가지 방법입니다.async 속성부터 설명드리겠습니다. 스크립트가 HTML파싱을 하는 동시에 백그라운드에서 로드되며, 로드가 완료되는 즉시 파싱이 끝나지 않았더라고 실행되게 됩니다. 이는 다른 스크립트나 HTML파싱이 끝날때까지 기다려주지 않기 때문에 스크립트의 실행순서가 보장되지 않습니다. 이런 async 태그의 특징의 경우 광고 스크립트처럼 다른 스크립트와 독립적으로 동작할때 유리합니다.다음 defer속성에 대해 설명드리겠습니다. 스크립트가 HTML파싱과 동시에 백그라운드에서 로드..
🗣️개발자 면접 준비합니다.
·
프론트엔드 개발자로 취업준비/기술 면접
면접을 준비하는 글을 쓰며. 면접은 누구에게나 긴장되고, 부담되고, 떨리는 순간일 것이다.Why? => 합격 여부가 걸려있다는 생각에 마음이 무거워지기도 하기 때문.BUT. 나는 면접을 회사가 나의 자질과 역량, 적합성을 판단하는 테스트일 뿐만 아니라,,,/ 나 역시 회사에 대해 "과연, 이 회사가 나와 잘 맞을까?" 라고 생각해보는 가벼운 커피챗으로 여기고 있다. (물론, 이 마인드를 위해서는 뒷받침할만한 역량과 수준을 갖춘 상태여야 한다.)더보기☕커피챗이란?커피챗(Coffee Chat)은 가벼운 이야기를 나누는 인터뷰나 면접을 의미해요. 정식 면접보다는 비공식적이고 편안한 분위기에서 대화를 나누는 것을 말해요. 서로를 알아가는 시간을 통해, 회사와 지원자 간의 적합성을 확인할 수 있죠.  면접에 대한..