회고13 당근 면접 후기 지원계기 지인으로부터 당근의 채용 소식을 알게 됐다. 취업난을 겪고 있는 나에게 너무나 좋은 기회라는 생각이 들어 이력서를 보완하고 서류를 제출했다. 서류 전형 결과는 금방 나왔다. 다른 회사의 면접에서 탈락했다는 소식을 먼저 접하고, 당근에 대한 기대감이 한 껏 낮아진 상태로 메일을 확인했다. 고작 서류 전형에서 합격했을 뿐이지만, 앞선 탈락은 생각도 나지 않을 정도로 매우 기뻤다. 공모전이 끝난 이후로 온 번아웃으로 이렇다 할 아웃풋을 못 내고 있었는데, 다시 한번 삶의 활력을 복돋을 수 있는 기회가 될 것 같았다. 면접까지는 약 2주의 시간이 걸렸고, 그동안 오직 면접 준비에 매진하기로 했다. 모의면접 처음으로 나름 큰돈을 들여서 모의면접을 받았다. 모의면접은 인프런을 통해 네카라쿠배 면접관 경험이.. 2023. 12. 23. 학술제 발표 후기 교내 학술제에서 발표를 하게 됐다.처음에는 좋은 기회라 생각하여 감사함을 느낌과 동시에 이걸 내가 해도 될까 하는 생각이 들었다 프론트엔드 분야에 대해서 발표를 할 수 있다면 그 누구보다 잘할 자신이 있었지만, 우리 과에는 프론트엔드에 관심 있는 사람이 별로 없다.(추측건대, 이쪽 분야는 비전공자가 더 많은 것 같다) 따라서 사람들이 프론트엔드를 모르더라도, 얻어갈 게 있는 발표를 하고자 했다. 처음에는 진로를 아직 정하지 못한 사람들을 위해 프론트엔드라는 분야에 대해서 소개하고, 취업 시장에서 프론트엔드 개발자의 경쟁력에 대해서 발표를 하고자 했다. 하지만 현직자가 아닌 나의 얘기가 그렇게 설득력 있게 들릴 것 같지 않았다. 그렇다면 어떤 주제로 발표를 해야 할지 고민하던 중 최근 캡스톤 디자인을 수강.. 2023. 11. 30. Next/image에서 외부 이미지를 가져오지 못하는 이슈 다른 이미지는 괜찮은데, elasticbeanstalk-ap-northeast-2-319210348301.s3.ap-northeast-2.amazonaws.com 이와 같은 url을 가진 이미지를 불러오지 못하는 이슈가 발생했다. 402 (Payment Required) Response값에는 다음과 같은 문구가 있었다. Payment required OPTIMIZED_IMAGE_REQUEST_PAYMENT_REQUIRED 그리고 viewport의 width값을 조정하여, 472px 이하로 만들면 이미지가 정상적으로 보였다. 디바이스 크기가 바뀔 때마다 이미지 최적화 Request를 보내는데, 이것이 427px 이하일 때만 정상 작동하고 있었다. next/Image에서 디바이스 크기에 따라 최적화를 해주는.. 2023. 10. 16. next.js app라우터에서 useId 사용시 발생하는 hydration 에러 Hydration mismatch when using the useId hook, when using the app router https://github.com/vercel/next.js/issues/53110 위 게시물에 자세하게 나와있었다. 요약하자면 next에 여러 PR이 합쳐지면서 ReactDevOverlay가 여러 개 생겼고, 서로 다른 React 트리를 생성하여 useId 차이가 발생하고 있다는 것이었다. next를 최신버전으로 업그레이드하자 위 에러로그는 더 이상 발생하지 않았다. yarn berry를 사용하면서 기존 yarn classic과 달라진 명령어가 매번 헷갈렸는데 아래 링크에 자세하게 나와있었다. https://yarnpkg.com/cli/up 특정 dependencies를 업그.. 2023. 9. 29. Error: Rendered more hooks than during the previous render. ref 코드를 상단으로 올리자 에러가 발생하지 않았다. 2023. 9. 21. Warning: Cannot update a component (`*`) while rendering a different component (`*`). To locate the bad setState() call inside `*`, follow the stack trace as described in Warning: Cannot update a component (`Router`) while rendering a different component (`SearchContainer`). To locate the bad setState() call inside `SearchContainer`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render 아래와 같이 되어있는 코드를 router.replace(pathname + "?" + queryString); useEffect를 사용하여 해결하였다. useEffect(() => { router.replace(pathname + "?" + queryString); }.. 2023. 9. 20. 이전 1 2 3 다음
