서로의 성장을 위한 피드백입니다.
보완할 점이 있다면 자세하게 작성해주세요 ~.~
면접시간: 10분 ~ 30분 (본인 임의대로)
순서: 민형 →
특이사항
피드백
민형
면접관 피드백
- 수화
- 이벤트 위임패턴을 정리하면 좋을 거 같습니다. 이벤트 버블링 개념을 활용해서 상위에 1번만 이벤트를 처리하는 패턴 ~~ 장점으로는 ~~ 이다.
- hype에서 기술적으로 어려웠던 거, 정확히 이해하기 어려웠습니다. 라우팅 문제가 있었고, 이벤트 버블링 문제라고 하셨는데! 라우팅 했을 때 어떤 페이지를 기대했는데 다른 어떤페이지가 떴고, 어떻게 원인을 살펴봤고, 이벤트 버블링 문제라고 판단했다. 라는 흐름으로 하나씩 설명해주면 이해하기 쉬울 거 같아요.
- ssr을 언제사용하는 게 좋을지에 대한 답변으로 정적인 페이지라고 말씀하셨는데 그건 ssg 아닌가요..?(정확히 모름) ssg, ssr차이를 정리해보면 좋을 거 같습니다.
- 천욱
- React 버전 사용한게 18버전이 아니라면 이력서에 18버전이라 써두는게 맞는건가요?? 제가 궁금해서 이건.. 직접 사용한 버전을 쓰는게 맞는거같기도합니다!
- CSS in JS의 특징이랑 장단점에 대해 잘 말씀해주신것같네용 본인 경험도 같이 말해주셔서 좋았습니다
천욱
면접관 피드백
- 수화
- 웹툰 무한스크롤 구현으로 성능개선 → 백엔드 코드를 직접 만졌다라는 게 적히면 좋을 거 같아요. 또, 이전에는 다른 api를 썼는데 이런 문제가 있어서 백엔드코드를 작업했다를 언급하면 좋을 거 같습니다.
Recoil 컨벤션 depth 2로 정했다고 했는데, 그기준의 근거가 조금 부족한 거 같습니다.vite가 왜 빠른지도 정리합시다!모듈 번들러(vite, webpack..)가 뭔지, 어떤 일을 하는지 정리필요
- 민형
- 프로젝트
설명을 간결하게 해주시면 좋을 것 같습니다! - position과 관련해 조금 더 숙지하시면 좋을 것 같습니다!
- 라이브러리 선택이유 ⇒ API의 학습이 어려웠다는 표현보다는 해당 라이브러리를 선택해도 성능개선을 시킬 수 있었고 최소기능만 사용하면 가볍게 사용할 수 있기 때문에 이유를 말씀해주시면 좋을 것 같아요
수화
면접관 피드백
- 천욱
- 일괄처리에 대한 부분 좀 더 간결하게 대답 준비하면 좋을것같습니다!
- useEffect에 대한 자신감이 부족했던 것 같습니다! 생각한 대답이 맞는거같은데??
- px em rem - rem과 em은 루트 엘리먼트랑 부모 엘리먼트의
font-size기준으로 값이 가변합니다!! 좀 더 공부해보시면 좋을것같아용 - px도 화면 해상도에 따라 달라진다 → 찾아보기
- 루트 요소에 font-size 기준, font-size 정하지않으면 16px
- sass - 많은 회사들이 사용해서 질문 들어올 확률이 높다고 생각함! 정리해두면 좋을듯!
- html, css 부분은 자신이 없고 공부한 시간이 많이 없어서 대답마다 ~라고 알고 있습니다를 붙혔던 것 같아요!
- flex, grid - flex는 1차원! grid는 2차원!!
- 민형
- 첫 질문에 있어서는 답변을 간결하게 해주시고 꼬리질문에서 길게 말해주시면 좋을 것 같습니다!(프로젝트 제작전 부족한 부분 및 보완된 점)
- React 렌더링 최적화 관련해서 숙지하시면 좋을 것 같습니다(useCallback, useMemo, useRef ⇒ useCallback 및 useMemo 장단점(정말 필요할 때만 사용))
- inline 요소는 margin, padding left, right 값은 설정이 가능합니다!)
- Flex 관련해서 보완이 필요할 것 같습니다!(Flex는
주축을 기준으로주축과 평행(justify-content)방향 또는 수직(align-items)방향 으로 정렬 및 배치를 하는 개념입니다!