본문 바로가기

분류 전체보기34

Next.js와 Hono 통합 환경에서 Authorization 헤더가 사라지는 이슈 해결기 Next.js app routerlayout.tsx(서버 컴포넌트)에서 데이터를 fetch를 해야 할 일이 생겼습니다.서버는 Hono API 로 구성되어 있었는데 이 과정에서 Authorization 헤더가 사라지는 현상을 겪었습니다. 해당 문제를 분석하고 해결한 과정을 정리합니다.문제 상황프론트엔드: Next.js (App Router 기반)백엔드: Hono (TypeScript 기반 API 서버)인증은 accessToken을 쿠키에서 읽어서 Authorization 헤더로 전달하는 방식입니다.API 호출은 hono/client의 hc()로 만든 clientApi를 통해 이루어졌습니다.// clientApi 정의export const clientApi = hc(env.NEXT_PUBLIC_BASE_UR.. 2025. 6. 25.
소심한 일탈 회사원 E. 그는 요즘들어 무단횡단을 자주한다. 큰길은 차에 치일까 봐 무서워서 못 하고 단숨에 건널 수 있는 길에서만 한다. 작은 골목을 건널 때는 차량이 쌩쌩 달려오더라도 차보다 먼저 건너려고 한다. 원래 E는 아무리 작은 길이라도 신호는 지키는 사람이었다. TV에서 일본인들이 작은 골목에서 신호를 지키는 모습을 보며 역시 선진국은 다르다고 생각도 했었다. 한국인이 신호를 안 지키는 모습을 보면 뭐가 저리 급해서 법을 어기는지 속으로 욕하던 E. 이 모습만 보면 그는 차없는 거리에서 혼자 꿋꿋이 신호를 지키는 모범 시민이다.그랬던 E였지만 요즘은 그렇지 않다. 빨리 안 건 너냐고 빵빵대면 운전자를 한번 쏘아보고 갈길을 느긋이 간다. 작은 도로에서 차량과 동시에 마주치면 웬만하면 먼저 간다.E는 어쩌다.. 2025. 5. 17.
조급함은 악에 가깝다. 조금전 웹사이트의 버전업을 진행했다. 동작하기는 하는데 왜 되는지 정확히 잘 모르겠다. 원인을 파악할 겨를이 없다. 일단 되니까 배포를 진행한다. 기능 하나를 배포했다는 뿌듯함과 함께 참아왔던 화장실로 향한다. 10분 뒤, 화장실에 간 사이 슬랙 이슈 채널에 스레드가 올라온다. 강력한 느낌표들과 함께 웹사이트에 문제가 있다는 사업부 관계자들의 외침이 올라온다. 메인페이지가 테스트용 페이지로 잘못 뜬다고 한다. 결제 페이지는 한국어가 아니라 일본어가 나온다고 한다. 이전 일본 대상으로 사이트를 오픈했을 때의 코드가 섞여 들어간 것 같다. 아 이런 오늘 물 한잔하지 못하고 일했는데 사고가 나다니. 내가 너무 조급했지 더 검토하고 천천히 할껄, 화장실에서 뛰쳐나와 자리로 달려간다.때로는 잘못된 방향으로 가고 .. 2025. 3. 16.
결심보다 행동을: 헬스장을 나오며 든 생각 1. 음악 소리가 가까워진다. 이곳은 헬스장이다. 퇴근 후 헬스장에 오면 무념무상으로 운동을 하게 된다. 몸무게를 늘리고 싶기에 주로 무거운 바벨을 든다. 세트 간 휴식 시간에는 힐끗힐끗 몸좋은 사람들을 구경한다. 그러다 거울 속에서 눈을 마주치면 민망한 마음에 서둘러 세트를 시작한다. 저마다 피곤한 몸을 이끌고 오겠지만 이곳에는 왠지 모를 활기가 있다. 점점 들 수 있는 무게가 늘어가면서 성취감도 느낀다. 그래서 헬스장에 오는 것을 좋아한다.2. 퇴근 후 헬스장을 쉽사리 갈 수 있는 것은 아니다. 일단 너무 피곤하다. 지금 운동을 가면 다음날 몸살이 날 거 같은 확신이 들 때도 있다. 회사에서 머리를 너무 많이 써 중추신경계가 모두 무너진 날이 그렇다. 내가 다니는 헬스장은 저녁 11시까지인데 문 닫을.. 2025. 2. 16.
슬랙에 GCP run 배포 성공 여부 알림 보내기 깃헙 액션으로 gcp run에 배포를 하고 있었고 성공여부를 슬랙 메세지로 받고 싶었습니다. 전체 코드는 게시글 마지막에 첨부되어 있습니다. 우선 단계별로 진행 과정을 확인해시면 이해하는데 도움이 되리라 생각합니다.1. 슬랙 앱 기본 셋팅우선 배포시작 알림 메세지를 슬랙에 보내봅시다. 배포가 완료되고 나면 이 메세지에 o , x 이모지로 성공 여부를 표시하려고 합니다. 배포시작 메세지를 보내는것은 curl명령어를 통해 슬랙 앱 api를 호출하면 되는데요. 우선 슬랙 앱을 만들어야겠죠?- https://api.slack.com/apps 이곳에서 슬랙 api 앱을 생성할 수 있습니다. 앱이 생성되면 토큰을 설정하고 권한을 부여합니다. 아래 이미지에서 토큰생성과 권한을 참고해주세요.OAuth 토큰 확인권한 설.. 2025. 1. 30.
개발자 원칙을 읽고 "개발자 원칙"은 테크리더 9명이 더 나은 개발자로 살아가기 위한 원칙과 철학을 9챕터로 나누어 담은 책이다. 덕업일치를 넘어서 - 박성철 챕터에서 기억하고 싶은 내용 동기 벡터에서 기대되는 성과와 내가 일하는 동기 그래프가 가장 기억에 남는다. 결국 내가 일하는 동기를 기준으로 나의 성과를 만들어낼 수 있다면, 지금 내가 옳은 방향으로 잘 일하고 있다는 측정 도구로 사용해볼 수 있을 것 같았다. 소감 나는 어떤 일을 하고 어떻게 살 것인가에 대해 나온 많은 책이 있지만 개발자로서의 고민이 담긴 글은 처음이었다. 같은 개발자여서 더 당연히 더 흥미가 갔다. 무슨 일을 하면 행복할지 그리고 개발자가 되면 정말 행복할까에 대해 취준생 때 많이 고민 했지만 직장인 개발자가 되고나서는 이러한 고민들에 대해서 소.. 2023. 5. 7.