본문 바로가기

웹 엔지니어 면접 질문9

GPTs 기반 신입 프론트 엔지니어 면접관 ChatGPT의 GPTs의 기능을 이용해서 신입 프론트 엔지니어 면접관을 만들어놨습니다. 마음껏 사용하시기 바랍니다. 주요기능 자기소개서, 포트폴리오, 이력서등을 읽고 해당 문서 기반으로 인터뷰 진행 가능. 확장자는 PDF나 docx파일을 추천드립니다. ChatGPT 정책 상 URL 첨부는 처리하지 못합니다. 코딩테스트 (언어는 javascript나 node.js를 기본으로 합니다.) 신입 수준의 서버 관련 질문 탑재. 질문에 대한 대답을 할 때마다 (꽤나 냉정한...ㅠㅠ) 피드백을 제공합니다. 어떤 점이 좋았고 나빴는지, 개선할 점은 무엇인지에 대해 설명해줍니다. ChatGPT - Senior Engineer Interviewer 프론트엔드 신입 면접을 담당하는 시니어 엔지니어. 자기소개서나 이력서도 .. 2024. 2. 22.
함수 선언문과 함수 표현식의 차이 이 글에선 함수 선언문과 함수 표현식의 차이점을 간단하게 살펴본다. *호이스팅에 대한 배경지식이 요구됩니다. https://cuziam.tistory.com/entry/Hoisting이란-핵심만-알고가자 Hoisting이란? 핵심만 알고가자 호이스팅이 무엇이고, 언제 발생하는지 예시코드를 통해 알아본다. 그리고 호이스팅이 문제가 되는 지점에 대해서도 알아본다. 인터넷에서 프론트엔드 면접 자료를 찾아보면, 호이스팅에 관한 cuziam.tistory.com 일단 이 둘은 함수를 정의하는 법이라는 점과 함수 리터럴을 이용한다는 점에서 동일하다. 함수 리터럴의 형식 함수 리터럴은 function 키워드, 함수 이름(생략가능), 매개 변수 목록, 함수 몸체로 이루어져 있다. 함수 리터럴은 사용되는 형태(문맥)에 .. 2023. 5. 1.
var, let, const의 차이점 간결하게 요약! var, let, const의 차이점에 대해서 예시코드와 함께 간결하게 정리했다. 이 내용도 프론트엔드 엔지니어를 준비하는 사람에겐 단골질문으로 나온다고 한다. var, let, const는 크게 보면 스코프, 재선언의 가능 여부, 재할당의 가능 여부, 호이스팅 이렇게 4가지 부분에서 차이점이 있다. 1. 스코프의 차이 var은 함수 스코프를, let과 const는 블록스코프를 가진다. function testScope() { var a = 1; let b = 2; const c = 3; if (true) { var a = 4; //위에서 선언된 a와 동일한 스코프 let b = 5; //위에서 선언된 b와 다른 스코프 const c = 6;//위에서 선언된 c와 다른 스코프 console.log("in.. 2023. 5. 1.
Hoisting이란? 핵심만 알고가자 호이스팅이 무엇이고, 언제 발생하는지 예시코드를 통해 알아본다. 그리고 호이스팅이 문제가 되는 지점에 대해서도 알아본다. 인터넷에서 프론트엔드 면접 자료를 찾아보면, 호이스팅에 관한 것은 단골 질문으로 자주 출제된다고 한다. *실행 컨텍스트, 렉시컬 환경, 스코프, var let const의 차이점에 대한 질문도 연계되어 나올 가능성이 높다. 하지만 이 글은 그 부분까진 다루지 않고 호이스팅의 핵심부분만 다루려고 한다. 해당 주제들은 따로 글을 만들어서 다루려고 한다. Question 1: 호이스팅이 무엇인가요? Hoist의 원래 의미는 ‘(밧줄 혹은 장비 등으로) 끌어올리다.’라는 뜻이다. 원래의 의미와 유사하게, 자바스크립트에서 호이스팅(hoisting)은 변수나 함수의 선언이 코드의 최상단으로 끌어.. 2023. 4. 28.
TLS(HTTPS)의 동작 원리와 과정 이번 글에선 HTTPS가 무엇인지, HTTPS를 사용하는 이유는 무엇인지, 그리고 HTTPS의 전체적인 동작에 대해서 알아보려고 한다. 웹 보안을 이해하는 데 있어 중요한 개념이기 때문에 꽤 세세하게 다뤘다. 참고사항! * 이 글을 제대로 이해하기 위해선 네트워크 레이어에 대한 약간의 배경지식이 필요합니다. * 비전공자와 전공자 둘 다 도움이 될 수 있는 지식을 전달하고자 했습니다. * 키 생성 알고리즘에 대해 자세히 설명하지 않습니다. HTTPS는 HyperText Transfer Protocol Secure의 줄임말이다. 말에서 알 수 있듯 HTTP의 보안을 강화한 버전이다. HTTPS는 처음 발표된 것이 1994년인데, 약 30년이 지난 지금까지도 활용되고 있는 프로토콜이다. 일단 HTTPS를 설명.. 2023. 4. 24.
프로세스와 스레드에 대해 Q: 프로세스와 스레드에 대해서 말해주세요. 기본적인 CS질문인 것 같다. 이 질문은 스레드를 사용할 때 어려운 점과 스레드를 사용하는 기법에 대한 추가질문을 하기 좋아보인다. 전략: 프로그램과 프로세스가 무엇인지에 대해 설명할 것. 스레드의 컨셉과 필요성에 대해 설명할 것. 멀티프로세스, 멀티스레드를 사용하는 실제 예시를 들어줄 것. 추가적으로 대답을 할 시간이 있다면 스레드를 사용할 때 어려운 점이 무엇이고, 이를 해결하기 위해서 어떤 기법을 사용하는지 설명할 것. A: *프로그램 VS 프로세스 : 프로세스는 프로그램의 인스턴스이다. 일단 프로그램이 뭔지 짧게 설명해야할 것 같다. 좁은 의미에서 프로그램은 컴퓨터 명령어의 집합이다. 프로그램은 대개 컴퓨터의 보조 메모리에 정적으로 저장되어 있다. 프로.. 2023. 4. 12.