post-thumbnail

[면접대비 예상꼬리질문] 프론트엔드 개발자 취업 면접 질문 총정리 (장문, 꼬리에꼬리를 무는 질문 포함)

웹 통신/네트워크 관련 > HTTP가 뭔가요? > (😒)HTTP의 동작 방식에 대해서 알려주세요. > HTTP 요청 메서드에 대해서 알려주고 어떤 역할을 하는 지 알려주세요. > HTTP와 WebSocket은 어떤 차이점이 있죠? > HTTP와 HTTPS의 차이점에 대해서 알려주세요. > SSL 인증서 암호화 기법인 대칭키 암호화 기법, 공개키 암호화 기법에 대해서 설명해주세요. > REST API에 대해서 설명해주세요. > Session과 Cookie에 대해서 알려주세요. > Cache는 뭔가요? > 그렇다면 Token기반 인증 방식은 뭘까요? > JWT기반 인증 방식의 장단점에 대해서 말씀해주세요. > OAuth에 대해서 설명해주시겠어요? > (😒) OAuth의 작동원리에 대해서 알고 계신가요? > XML과 JSON에 대해서 알려주세요. > OSI 7 Lay

2022년 4월 5일
·
1개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] JavaScript의 동작원리에 대해서 알고 계신가요?

JavaScript의 동작원리에 대해서 알고 계신가요? > Call Stack에 대해서 자세하게 알려주세요. > 싱글 스레드와 멀티 스레드의 장단점에 대해서 말씀해주세요. > JavaScript는 싱글 스레드의 단점을 어떻게 극복하나요? > V8 엔진에 대해서 자세하게 설명해주세요. > 왜 머신 코드로 컴파일해야 하나요? > V8이 하는 일에 대해서 설명해주세요. > V8은 어떻게 JavaScript 코드를 컴파일할까요?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] Rest Parameter과 Spread Operator가 뭔지 아시나요? [ ...arr]

모든 질문들은 실제 질문 받은 것이 아닌 저의 뇌피셜로 만든 질문입니다. > Spread Operator가 뭔지 아시나요? > Rest parameter가 뭔가요? > Spread 연산자와 Rest parameter의 차이점은 무엇인가요? > (지엽적인 질문) arguments 객체에 대해서 알고 계신가요?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] Promise에 대해서 알고있나요?

모든 질문들은 실제 질문 받은 것이 아닌 저의 뇌피셜로 만든 질문입니다. > Promise에 대해서 알고있나요? > 그렇다면 Promise는 왜 생긴것일까요? 그냥 받아오면 되는데 > 비동기 처리가 뭔가요? > 자바스크립트에서는 어떤 비동기 처리 방식이 있나요? > 어떤 경우에 비동기 처리를 해야할까요? > CallBack 함수는 뭔가요? > CallBack 함수가 있는 상태인데 Promise와 async/await는 왜 생겼을까요? > Promise는 어떤식으로 그 문제를 해결하나요? > async/await 과 Promise는 무슨 연관이 있죠? > Promise와 async/await의 차이점이 뭔가요? > 여러 비동기 동작을 한꺼번에 기다리는 건 어떻게 해야할까요? 출처 : https://elvanov.com/2597

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] Default Parameters(기본 매개 변수)와 배열 및 객체 비구조화, Import & Export란?

모든 질문들은 실제 질문 받은 것이 아닌 저의 뇌피셜로 만든 질문입니다. > JavaScript는 기본 매개 변수를 선언할 수 있나요? > 기본 매개 변수를 선언할 때 주의해야 할 점은 무엇이 있죠? > 왜 C++와 같은 다른 언어에서는 기본 매개 변수를 선언할 때 오른쪽에서부터 선언하죠? > 그렇다면 JavaScript에서는 왜 순서와 상관없이 선언할 수 있나요? > (지엽적인 질문) 배열 및 객체 비구조화에 대해서 알고 있나요? > Import와 Export를 사용하면 어떤 이점이 있죠?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] Template Literal이란?

**모든 질문들은 실제 질문 받은 것이 아닌 저의 뇌피셜로 만든 질문입니다. ** > Literal이 무엇인지 아시나요? > 그렇다면 Template Literal은 무엇인가요? > Template Literal 방식 제외하고는 어떤식으로 문자열 안에 변수를 삽입할 수 있나요? > 그렇다면 Template Literal에서 줄바꿈은 어떻게 하죠? > (지엽적인 질문)Nesting Templates에 대해서 들어본 적이 있나요? > (더 지엽적인 질문) OO씨는 Nesting Templates를 사용해본 적이 있나요? > Tagged Templates에 대해서 들어본 적이 있나요? > OO씨는 Tagged Templates를 사용해본 적이 있나요? > (당황스러운 질문) 문자열을 출력할 때 이스케이프 문자를 해석하지않고 출력하려면 어떻게 해야할까요?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] Arrow Function을 사용하는 이유

Arrow Function이 뭔지 아시나요? > Arrow Function 선언 방식과 기존 선언 방식에는 무슨 차이가 있을까요? > 그렇다면 어떨 때 Arrow Function을 사용하는 것이 적절하겠습니까? > OO씨는 일반적인 함수 선언 방식과 Arrow 함수 선언 방식 중 어떤 것을 선호하시나요? 그리고 그 이유를 알려주세요. > 많은 사람들이 사용하는 것과 OO씨가 사용하는 것과는 무슨 관계가 있죠?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] var, let, const의 차이점

var, let, const의 차이점에 대해서 설명해주세요. > 중복 변수 선언이 뭐가 문제죠? > 그렇다면 let과 const의 차이점은 무엇인가요? > let과 const중 어느 것으로 변수를 선언하는 것이 적절할까요?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[프로그래머스/LV2] 기능개발(JavaScript)

기능개발 문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 제한 사항 > • 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. • 작업 진도는 100 미만의 자연수입니다. • 작업 속도는 100 이하의 자연수입니다. • 배포는 하루에 한 번만 할 수 있으며, 하루의 끝에 이루어진다고 가정합니다. 예를 들어 진도율이 95%인 작업의

2022년 3월 18일
·
0개의 댓글
·
post-thumbnail

[프로그래머스/LV2] 베스트앨범 (JavaScript)

베스트앨범 문제 설명 스트리밍 사이트에서 장르 별로 가장 많이 재생된 노래를 두 개씩 모아 베스트 앨범을 출시하려 합니다. 노래는 고유 번호로 구분하며, 노래를 수록하는 기준은 다음과 같습니다. 속한 노래가 많이 재생된 장르를 먼저 수록합니다. 장르 내에서 많이 재생된 노래를 먼저 수록합니다. 장르 내에서 재생 횟수가 같은 노래 중에서는 고유 번호가 낮은 노래를 먼저 수록합니다. 노래의 장르를 나타내는 문자열 배열 genres와 노래별 재생 횟수를 나타내는 정수 배열 plays가 주어질 때, 베스트 앨범에 들어갈 노래의 고유 번호를 순서대로 return 하도록 solution 함수를 완성하세요. 제한사항 > genres[i]는 고유번호가 i인 노래의 장르입니다. plays[i]는 고유번호가 i인 노래가 재생된 횟수입니다. genres와 plays의 길이는 같으며, 이는 1 이상 10,000 이하입니다. 장르 종류는 100개 미만입니다. 장르에 속한 곡

2022년 3월 18일
·
0개의 댓글
·
post-thumbnail

[프로그래머스/LV2] 위장 (JavaScript)

위장 문제 설명 스파이들은 매일 다른 옷을 조합하여 입어 자신을 위장합니다. 예를 들어 스파이가 가진 옷이 아래와 같고 오늘 스파이가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야 합니다. 종류 이름 얼굴 동그란 안경, 검정 선글라스 상의 파란색 티셔츠 하의 청바지 겉옷 긴 코트 스파이가 가진 의상들이 담긴 2차원 배열 clothes가 주어질 때 서로 다른 옷의 조합의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 > • clothes의 각 행은 [의상의 이름, 의상의 종류]로 이루어져 있습니다. • 스파이가 가진 의상의 수는 1개 이상 30개 이하입니다. • 같은 이름을 가진 의상은 존재하지 않습니다. • clothes의 모든 원소는 문자열로 이루어져 있습니다. • 모든 문자열의 길이는 1 이상 20 이하인 자연수이고 알파벳 소문자 또는

2022년 3월 18일
·
0개의 댓글
·
post-thumbnail

[프로그래머스/LV1] 완주하지 못한 선수(JavaScript)

문제 문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 > • 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. > • completion의 길이는 participant의 길이보다 1 작습니다. > • 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. > • 참가자 중에는 동명이인이 있을 수 있습니다. 코드

2022년 3월 18일
·
0개의 댓글
·