프론트엔드 주니어 기술 면접 답변 회고(feat.2023상반기이직준비)
Vložit
- čas přidán 26. 08. 2024
- 최근 이직 준비하고 합격 후 면접 질문 리스트업
요청을 받게되어 고민하다가 공유드립니다
하반기 취준 이직 모두 건승하길 응원합니다🙇🏻♀️
Copyright ⓒ 2023 by bluevulpe
00:29 Q.지금 하고 있는 일은 뭐에요?
01:00 Q. 채용싸이클이 길어지는데 괜찮나요?
01:14 Q. 클라우드 관련된 용어들은 알고 있나요?
01:20 Q. 인턴 경험하면서 무슨일을 했었나요?
01:27 Q. 인턴을 어떻게 하게 되었어요?
01:35 Q. 어떻게 개발자 인턴을 시작하게 되었고, 개발자로 진로를 결정하게 되었나요?
01:48 Q. 00 회사는 어떻게 가게 되었어요?
02:01 Q. 우리 회사 왜 지원했어요?
02:20 Q. 지금까지 해온 프로젝트에서 어떤 기술을 사용하고 무슨 문제를 해결 했었나요?
02:49 Q. SCSS는 사용해본 적 있나요?
02:54 Q.가상돔에 대해서 설명해주세요
03:11 Q.HTTP 통신에 대해 설명해주세요
03:33 Q.컴포넌트 프롭스와 스테이트 차이에 관해 설명해주세요
03:54 Q.클로저란 무엇인가요?
04:12 Q.웹소켓 및 canvas를 사용해본적 있나요?
04:36 Q.클라우드와 관련된 용어들 설명해주세요
04:57 Q.개발운영 해본적 있나요?
05:32 Q.개발자의 현재와 미래에 대해 어떻게 생각하시나요?
06:20 Q.좋은 프론트엔드 개발자의 필수 덕목은 무엇이라고 생각하나요?
06:42 Q.var const let을 변수 호이스팅과 연관지어 설명해주세요
07:10 Q.리액트버전 18부터 등장하는 Batching 개념에 대해서 설명해주세요
07:26 Q.노드버전 관리는 어떻게 하셨나요?
07:35 Q.협업툴은 주로 어떤걸 사용하셨나요?
07:50 Q.깃 브랜치에 대해서 아는대로 설명해주세요(p.s.Vincent Driessen with Git-flow)
08:03 Q.로컬스토리지와 세션스토리지
쿠키에 대해서 설명해주세요
08:21 Q.쿠키의 종류에 대해서 설명해주세요
08:43 Q.우리회사 지원자를 채용해야 되는 이유가 무엇인지 설명해주세요
09:08 Q.기존 라이브러리를 그대로 사용할지 아니면 신규로 만들어야할지 본인 의견을 말씀해주세요
09:44 Q.SSR과 CSR의 장단점에 대해서 설명해주세요
10:15 Q.SSR 또 다른 단점에 대해서 설명해주세요
10:28 Q.쿠키 메소드와 프로퍼티에 대해 설명해주세요
PHILIPPIANS 2:11
안녕하세요! SSR성능 답변 관련해서 문의 댓글이 여러번 남겨져서 추가 설명드립니다~
제가 좀더 구체적인 사례를 정확하게 함께 언급했어야 했는데 그렇게 하질 못해서 헷갈리셨을꺼 같아요!😢
당시 면접 내용을 회고해보면, 최초 페이지 로딩시 SSR의 lcp가 항상 느리다라고만 말씀해주신 것은 아니었어요!
SSR의 장점은 JS파일이 모두 다운받기전 웹서버에서 페이지를 미리 가져와서 보여주는 점인데요. 이런 장점 덕분에 브라우저가 앱을 렌더링 완료하기전 미리 화면을 보여줄 수 있어서 초기 화면 렌더링 속도를 높일 수 있죠!
하지만 일부 UI 및 데이터를 미리 노출시켜준다고 해서 항상 모든 초기화면의 렌더링 속도가 개선될 수 있을까요?라는 질문을 받았을땐 ’항상 그런건 아니다‘라고 면접관님께서 알려주셨어요
만약 게임 대시보드 같은 고급 PC 게임의 경우 고사양 데이터를 최초페이지에 로딩해야 하는 경우에는 항상 SSR이 초기 화면 렌더링 속도가 느릴 수도 있다라고 추가 설명 답변 받은 기억이 납니다-
결론은, ‘SSR의 최초페이지 로딩속도가 모든 경우에 늘 빠른건 아니다. 느린경우도 존재한다’라고 이해해주시면 좋을 것 같습니다~!❤
갑자기 알고리즘에 나타난 존예 개발자 ㄷㄷㄷ
와... 개발자 중에 이렇게 미인이 있었던가................
예쁘게 봐주셔서 감사합니다😂
점점 질문의 난이도가 올라가네요 흑흑흑 ㅠㅠ😢 그래도 블루님이 워낙 잘해서 ..! 걱정 없겠네욘
저도 다 답변 못했는걸요..공부할게 여전히 많음을 느꼈습니당😢이거 영상도 한 2,3년뒤에 보면 또 나름 추억일거 같아여 ㅎㅎ 댄이랑 같이 스터디 했던 내용들 덕분에 면접때 답변이 훨씬 풍성해졌었답니댱 감사해여!!야근하시느라 수고 많으셨어여!!!쫀밤 되세용😎👍
클로저 답변한거만 봐도 굉장히 실력 있으시네요.
좋게 봐주셔서 감사합니다!! 클로저를 이해하는데 시간이 굉장히 오래 걸렸는데 그 노력을 딱 알아주시는군여🥹
후...몇일전에 대기업 프론트앤드 개발자로 포지션 제안이와서 한번 면접보러가봤는데 http통신에 대해 아냐물어보고...지금까지 백엔드만 해오신거같은데(전 백엔드 경력만있는데 포지션 제안을 받은상태) 리액트는 다룰줄 아냐...프론트엔드 개발자로 새로 적응할 수있냐 es6사용해봤나...등등 비슷한거 물어보네요ㅎㅎ
오옹 이런 디테일한 면접 경험 후기가 많은 분들한테 좋은 방향을 제시해 줄 수 있을것 같아요!! 후기 나눠 주셔서 고맙습니다!!! 면접 보러 다녀오시느라 고생많으셨어요👏👏👏 퇴근시간인데 조심히 퇴근하시구 맛저녁하시길 바랍니다!!
안녕하세요, 영상 잘 봤습니다!
궁금한 부분이 있어서 댓글남깁니다.
혹시 ssr의 단점이 최초 페이지 로딩이 느려진다가 맞을까요? ssr은 서버에서 html파일을 그려서 보내주기 때문에 최초 페이지 로딩이 csr 보다 빠르고, csr은 빈 html파일을 받고 추가로 js파일을 받아서 js파일을 실행 시킬때 html파일의 내용이 그려지기 때문에 로딩속도가 느리다고 알고있습니다.
불페님의 견해를 여쭙습니다.
저도 ssr이 최초 페이지 로딩이 더 빠르다고 장점으로 알고 있었는데 혼란스럽네요
안녕하세요! 좋은 질문 감사합니다~👍
제가 좀더 구체적인 사례를 정확하게 함께 언급했어야 했는데 그렇게 하질 못해서 헷갈리셨을꺼 같아요!😢
당시 면접 내용을 회고해보면, 최초 페이지 로딩시 SSR의 lcp가 항상 느린 단점이 있다라고 말씀해주신 것은 아니었어요! SSR은 JS파일이 모두 다운받기전에 웹서버에서 페이지를 미리 가져와서 보여주므로, 브라우저가 앱을 렌더링 완료하기전 미리 화면을 보여줄 수 있는게 장점이긴 합니다! 하지만 빈화면이 노출되는 것보다 일부 UI및 데이터를 미리 노출시켜준다고 해서 더 나은 사용자 경험으로 이어질 순 있다고 하더라도, 반드시 항상 전체 앱 렌더링 속도 성능으로 볼 수 있을까요? 이건 일부는 그렇고 일부는 아니라고 판단할 수 있을 것 같아요! 만약 게임 대시보드 같은 고급 PC 게임의 경우 고사양 데이터를 최초페이지에 로딩해야 하는 경우엔, SSR이 항상 빠르다고 말하기 쉽지 않다라고 면접자님깨 답변 받은걸로 기억합니다- 정리하자면, SSR의 최초페이지 로딩속도가 항상 빠른건 아니다. 느린경우도 존재한다라고 이해해주시면 좋을 것 같습니다~댓글 기다리셨을텐데요 기다려주셔서 감사합니다!❤
영상 잘 봤습니다! 보다가 질문 드릴 게 있는데 10분20초 ssr이 csr보다 최초 페이지 로딩이 느리다고 하셨는데 서버에서 html을 내려주면 lcp가 짧아지지 않나요?
안녕하세요! 좋은 질문 감사합니다~👍
제가 좀더 구체적인 사례를 정확하게 답변드렸으면 좋았을텐데 놓친 부분 짚어주셔서 고맙습니다~
당시 면접 내용을 회고해보면
최초 페이지 로딩시 SSR의 lcp가 항상 느린 단점이 있다라고 말씀해주신 것은 아니었어요! SSR는 성능면에서 JS파일이 모두 다운받기전에 데이터를 가져오므로 앱이 다 로드 되기전까지 빈화면이 노출되는 것보다 더 나은 사용자 경험을 제공해주는 장점이 존재합니다. 하지만, 만약 게임 대시보드 같은 고급 PC 게임의 경우 고사양 데이터를 최초페이지에 로딩해야 하는 경우엔, SSR이 항상 빠르다고 말하기 쉽지 않다라고 답변 받았던걸로 기억해요! 정리하자면, SSR의 최초페이지 로딩은 항상 빠른건 아니다. 느린경우도 존재한다라고 이해해주시면 좋을 것 같습니다~ 삼일절날 즐거운 연휴 되시길 바랍니다! 감사합니다~
감사합니다!! ㅠㅠ
도움이 되었다면 넘 영광이고 기쁩니다!!! 오늘도 쪼흔 하루 되세용😎
감사합니다 뭘 공부해야할지 도움이 많이 되었습니다
안녕하세요~ 무엇을 공부하셔야할지 도움이 되었다니 정말 기쁘고 다행입니다!!! 오늘도 쪼흔 하루 되세요~🙇🏻♀️
불페님 영상 유익하네요~ 다른영상도 보면서 동기부여 얻고갈게여😊
반가워요 재현님! 용기내서 공유한 저의 경험들이 조금이라도 도움이 되었다면 정말 정말 기쁩니댜😊 즐겁고 안전한 추석 연휴 보내시길 바래요!!
네네😊 불페님도 안전하고 즐거운 추석연휴 보내세요!
좋은글 감사합니다.
두찬님 안녕하세요~!! 도움이 되었다니 다행입니다!! 앞으로 개발자 커뮤니케이션 관련된 콘텐츠도 업로드 될 예정이에요~ 종종 놀러와주시면 감사드려요😎
이영애 느낌 나신다;
🙇🏻♀️감사합니다~ 환절기 감기 조심하시구 즐거운 일욜밤 되시길 바랍니당!!
❤
💜방문해주셔서 감사합니다~ 오늘도 쪼흔 하루 되시구 감기 조심하세용!!
신입면접도 저렇게 물어보시려나...😢
기업규모에 따라 신입 면접 질문 난이도가 다름을 경험했어요! 아주 작은 스타트업들의 경우 제대로된 기술질문을 제대로 받아 본적이 없었습니다😢 그래도 신입에게 바라는 수준이 중고신입을 바라는건 어느 회사든 비슷하다고 느껴요..!
일단 합격
캄사합니당😎 열심히 하겠습니다
오웅 어디가세요!?
중견기업으로 이직 했습니댱😆
살짝 음질이 안좋은 점 양해바랍니다🙇🏻♀️
제 답변이 완벽한 답변이 아니기에 그저 준비하시는데 참고만 하시길 바랍니다! 추가로 쿠키관련된 저의 답변이 불충분해서 추가 질문이나 컴포넌트 프롭스와 스테이트 질문 직후 클로저 질문을 받은 이유와 질문 상관관계에 대해서도 고민해보시면 좋을 것 같습니다!
00:29 Q.지금 하고 있는 일은 뭐에요?
00:56 Q. 채용싸이클이 길어지는데 괜찮나요?
01:14 Q. 클라우드 관련된 용어들은 알고 있나요?
01:20 Q. 인턴 경험하면서 무슨일을 했었나요?
01:27 Q. 인턴을 어떻게 하게 되었어요?
01:35 Q. 어떻게 개발자 인턴을 시작하게 되었고, 개발자로 진로를 결정하게 되었나요?
01:48 Q. 00 회사는 어떻게 가게 되었어요?
02:01 Q. 우리 회사 왜 지원했어요?
02:20 Q. 지금까지 해온 프로젝트에서 어떤 기술을 사용하고 무슨 문제를 해결 했었나요?
02:49 Q. SCSS는 사용해본 적 있나요?
02:54 Q.가상돔에 대해서 설명해주세요
03:11 Q.HTTP 통신에 대해 설명해주세요
03:33 Q.컴포넌트 프롭스와 스테이트 차이에 관해 설명해주세요
03:54 Q.클로저란 무엇인가요?
04:12 Q.웹소켓 및 canvas를 사용해본적 있나요?
04:36 Q.클라우드와 관련된 용어들 설명해주세요
04:57 Q.개발운영 해본적 있나요?
05:32 Q.개발자의 현재와 미래에 대해 어떻게 생각하시나요?
06:20 Q.좋은 프론트엔드 개발자의 필수 덕목은 무엇이라고 생각하나요?
06:42 Q.var const let을 변수 호이스팅과 연관지어 설명해주세요
07:10 Q.리액트버전 18부터 등장하는 Batching 개념에 대해서 설명해주세요
07:26 Q.노드버전 관리는 어떻게 하셨나요?
07:35 Q.협업툴은 주로 어떤걸 사용하셨나요?
07:50 Q.깃 브랜치에 대해서 아는대로 설명해주세요(p.s.Vincent Driessen with Git-flow)
08:03 Q.로컬스토리지와 세션스토리지
쿠키에 대해서 설명해주세요
08:21 Q.쿠키의 종류에 대해서 설명해주세요
08:43 Q.우리회사 지원자를 채용해야 되는 이유가 무엇인지 설명해주세요
09:08 Q.기존 라이브러리를 그대로 사용할지 아니면 신규로 만들어야할지 본인 의견을 말씀해주세요
09:44 Q.SSR과 CSR의 장단점에 대해서 설명해주세요
10:15 Q.SSR 또 다른 단점에 대해서 설명해주세요
10:28 Q.쿠키 메소드와 프로퍼티에 대해 설명해주세요
전공자이신가요?
안녕하세요 비전공자입니다!