전체 글(189)
-
Nextjs 12.3.4 -> 13.5.6 버전업 후 정적파일 CORS 에러
금일 정기배포 이후 www.creatrip~ 에서 요청하는 js chunk 파일에 대한 CORS 에러가 발생했다. 이 얼마 만에 보는 CORS 에러란 말인가...! 우리 회사에서는 nextjs 빌드 후 생성된 정적 파일은 s3 - cloudfront를 통해서 캐싱 후 제공하고 있는데, 배포 전 후로 설정을 바꾼 부분은 없는 상황이었다. 일단 cdn에서 제공하는 정적 파일에 대한 응답 헤더에 정책을 생성하고, 해당 정책에서 www가 붙은 도메인, 붙지 않은 도메인에 대해 모두 오리진을 추가해서 대응해 주었다. 빠르게 대응은 했는데, 대체 왜 갑자기 문제가 생긴 것인지 파악을 하기가 여간 쉽지 않았다. 처음에는 해당 이슈가 배포 직후에 발생한 문제인지에 대한 확신도 서지 않았고, SSG 등으로 생성된 정적..
2024.02.28 -
Signals
2023.12.23 개발팀 세미나 https://jonghakseo.github.io/posts/signals/ Signals 시그널은 무엇이고 프론트엔드 생태계에서 주목을 받는 이유는 무엇일까? jonghakseo.github.io
2024.02.21 -
React 근황
https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024 React Labs: What We've Been Working On – February 2024 – React The library for web and native user interfaces react.dev RSC에서 실험적으로 테스트중인 cache https://react.dev/reference/react/cache cache – React The library for web and native user interfaces react.dev https://youtu.be/LL4V8CcEhIo - 메타 친구들은 자사 서비스에서 테스트 후 s..
2024.02.19 -
4년차 프론트엔드 개발자의 2023년 회고
2023년. 작년 한 해도 쏜살같이 지나갔고, 정말 많고 많은 일이 있었다.2022년의 내가 새로운 환경에서 크게 성장했다면 2023년의 나는 내면의 갈등과 안정, 그리고 내가 무엇을 추구하는지 스스로를 들여다보는 일에 많은 시간을 쏟았던 것 같다. 상반기새로운 시도와 열정, 동시에 좌절과 고민이 많았던 상반기였다. 숙소... 애증의 숙소2022년 말부터 신규 사업인 숙소 도메인 개발을 위해 숙소 스쿼드에 합류하여 개발을 진행했다.스쿼드 내에 자리 잡은 무기력함(?)을 타파하기 위해 내 나름대로의 encouraging에 열과 성을 다했다. 스쿼드 체제 내부에서 구성원들의 자율성과 독립성, 추진력을 바탕으로 더 나은 결과를 만들 수 있을 거라는 믿음이 있었고, 애자일 관련 도서들을 읽으면서 여러 시도를 녹..
2024.02.17 -
근황
0. 작년 말 즈음부터 프론트엔드 파트 리드를 맡게 되었다. 정신없고 바빠졌지만 그래도 생각했던 범위 안쪽이라 잘 적응해 나가고 있다. 1. 2023 회고를 써야 하는데 자꾸 미루고 있다. 너무 많은 일들이 있어서인지 엄두가 안 나는 것 같기도 하고...? '부담을 내려놓고 편하게 써야지'라고 50번째 생각만 하는 중. 2. 오랜만에 React 소스코드 톺아보기 스터디를 진행하고 있는데 역시 재미있다. 처음 React 소스코드를 보면서 배우는 점이 참 많고 재밌었는데 그 기분을 동료들과 다시 나누니 더 즐거운 것 같다. 3. React 소스코드 스터디를 하기 전에 'React 소스코드의 동작을 이해하면 이런 것들도 할 수 있어요!'와 같은 동기부여 용도로 익스텐션 POC를 하나 만들었다. 개발 환경에서 ..
2024.02.14 -
HMR의 작은 비밀
개발자의 생산성은 무엇에 달려있을까? 바로 input과 output 간의 이어지는 사이클을 극단적으로 줄여 빠른 피드백을 반복적으로 얻을 수 있는 환경이다. 빌드에 2분이 걸리는 프로젝트가 있고, 코드 변경의 결과물을 확인하기 위해서는 꼭 다시 빌드를 해야 한다고 생각해 보자. 내 코드의 변경사항이 어떤 결과로 나타내는지를 알기 위해서는 2분이라는 시간이 필요하다. 만약 실수했다면? 다시 수정 후 빌드를 하는 2분을 기다려야 한다. 이 시간들은 당신을 좀 더 여유롭게 살 수 있게 해 줄 수 있을지도 모르지만, 적어도 생산적인 사람으로 만들진 못할 것이다. 모든 개발 환경은 이러한 잉여 시간을 줄이고 빠른 피드백을 주기 위해 발전해 왔다. 테스트 코드, HMR(Hot Moudle Replacement), ..
2023.11.12