My/Riverlog50

• 

  [추석 특집 기술 이야기] 2025년 8월, 9월 회고: x-forwarded-proto, x-forwarded-host, 즉시 실행 함수, Graceful Degradation, SSAFY 방문, 9km 러닝, 기획일을 해보며 든 생각들 cross-team 업무들, 마라톤 준비, 기획 외주 등 바쁜 시기를 보내고 맞이한 추석! 오랜만에 여유가 생겨 밀린 회고를 써본다 -1. 기술 이야기지난 두 달은 크게 SEO, 새 프로젝트 유지보수, A/B test에 걸쳐 일을 했다. 이 과정에서 프론트엔드 측면에서 배운 점들이 많아 정리해보려고 한다. x-forwarded-proto와 x-forwarded-hostNginx를 여러 번 손 보고 배포해야 했던 최근 몇 달 자주 마주친 개념들이다. x-forwarded-proto는 클라이언트가 프록시 또는 로드 밸런서에 접속하는데에 사용했던, 말하자면 사용자가 URL에 주소를 입력할 때 그 주소에 사용된 프로토콜(http/https)를 알려주는 헤더(웹 통신(특히 HTTP 프로토콜)에서 요청(reques.. My/Riverlog 2025. 10. 7.

• 

  2025년 6월, 7월 회고: Culmulative Layout Shift 없애기, 계속되는 A/B test, Letter와 A4, OTP 시스템 개발, 반기 피드백, 블로그 궤도에 올리기, 경주 & 제주 & 대구 티스토리 오류로 글이 전부 날아가.. 간단하게 다시.. ㅠㅠ 회사 매출과 밀접하게 연결된 프로젝트 완수하기조금이라도 경쟁적인 비즈니스에 속해 있는 회사에서 일할 경우 SEO가 회사 매출에 아주 밀접한 영향을 미친다. Cumulative Layout Shift도 마찬가지다. 이 스코어가 높아질 경우 얼마 지나지 않아 구글 검색에서 회사 순위가 크게 하락하고, 매출에 큰 영향을 미치게 된다. 얼마 전 본 기사(전통적인 마케팅 회사들의 매출 하락, 빅테크로의 자본 집중에 관한)가 생각나기도 한다. SEO 부서(Marketing)에서 이 문제를 빠르게 해결하기를 원했고, Storyblok이라는 headless CMS에 삽입되는 외부 컴포넌트가 문제를 야기하고 있어 문제가 까다롭고 압박감도 있었다. 그래서 GPT.. My/Riverlog 2025. 7. 31.

• 

  2025년 5월 회고: 첫 승진, Optimizely Web으로 간편한 A/B 테스팅, StoryBlok, 즐거운 사이드 프로젝트들 첫 승진5월의 가장 큰 뉴스는 바로 승진~~ 입사 2년만에 Software 1에서 Software 2로 승진했다. Software 2는 최소 경력 요건이 만 2년인데, 개발자가 된 지 2년 반 만에 달성한 셈이다! 매니저가 지금 임시팀에서도 너무 좋은 평가를 받고 있어서 리더십에 상정하기가 더 편했다고 해서 정말 뿌듯했고, 그동안 정말 즐거웠지만 스스로 바보같이 느껴지던 때도 있었는데 그런 시간들을 이겨내기 위한 노력이 헛되지 않은 것 같아 기뻤다. Ladder의 다음 단계는 시니어인데, 그 때까지 우리 회사에 남아 있게 된다면 시니어로서의 도약을 위해 어떻게 시간을 보내야 할 지 생각도 해봤다. 확실히 올해는 백엔드로 영역을 넓히는 게 첫 번째 과제가 될 것 같다(이미 AWS, Express.js 관련.. My/Riverlog 2025. 6. 7.

• 

  2025년 4월 회고: SEOULANA 해커톤에서 두 번째 수상, json + handlebars.js 조합에 얻어맞고 교훈얻기 생일이 있어 더욱 즐거운 4월! 개발에 있어서는 큰 산을 만났다. express + handlebars.js 조합으로 된 백엔드 코드베이스에서 Optimizely로 A/B 테스트를 운영하고 Segment와 연동해 이벤트도 보내야 했는데, 너무 낯설어서 코드 분석에만 며칠을 쏟은 것 같다. 백엔드에서 프론트엔드로 데이터는 물론 UI 형태와 CSS까지 모두 JSON 데이터로 보내고, 프론트엔드에서는 UI의 큰 틀과 렌더링만 맡는 구조는 처음이었다. 로그 찍기, 디버깅, 모든 것들을 처음부터 배워야 해서 시간이 오래 걸렸다. 특히 오래 걸렸던 부분은 에러 원인을 몰라서 헤멨던 시간들이었다. 에러 메시지가 항상 명시적이지 않다 보니 근본 원인을 찾는 데 오래 걸렸고 때로는 import 문제, 때로는 더 복잡한 .. My/Riverlog 2025. 5. 7.

• 

  2025년 3월 회고: 임시 팀에서의 대형 프로젝트 마무리, 운영 인프라에 손대보기, 첫 블록체인 해커톤에서 상 타기, 듀오링고 중국어 시작, 날씨 좋을 때는 런데이, 부업에 빠지다... 3월 말은 곧 1분기가 마무리 된다는 뜻! 임시 팀에서의 대형 프로젝트를 마무리 하면서 촉박한 시간 안에 까다로운 몇 개의 interactive한 컴포넌트들 + 인프라 이슈를 해결하면서 Engineering VP + Engineering Manager의 shoutout을 받을 만큼 좋은 평가를 받을 수 있어 뿌듯한 시간이었다. 인프라 이슈는 Staging, Production 두 환경 모두에 걸쳐 있었고 팀 내에서 오랫동안 골치 아픈 문제로 남아 있었는데 그 부분을 시원하게 해결한 듯 해서 더 기분이 좋았다. Signadot이라고 하는 테스트 환경을 구축해주는 프로그램을 사용하면 손쉽게 PR별로 테스트를 할 수 있어서 내 코드의 결과에 대한 다소의 확신을 가지고 Production에도 적용할 수 있었다... My/Riverlog 2025. 4. 4.

• 

  (늦은) 2025년 2월 회고: Nest.js 강의 추천, Storyblok, 요즘 사용하는 AI 도구들, 속초 워케이션 2월에는 Nest.js 강의를 듣는데 개인공부 시간을 거의 다 썼다. 빨리 백엔드 공부를 하고 싶은데 다른 것들을 이것 저것 같이 하려니 집중이 잘 안되는 것 같아 집중해서 빠르게 완강하기로 했고, 진도가 잘 나가는 모습을 스스로 지켜보면서 잘 선택했다고 생각했다. 사실 1년 전 쯤 구매했던 Nest.js 강의가 있었는데 업데이트가 원활하지 않고 다루는 범위가 다소 좁다는 생각이 들었는데, 평이 좋아서 새로 구매해 본 강의는 100% 만족중이다. (홍보 아님!)  [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core 강의 | 코드팩토리 -코드팩토리 | , 백엔드가 처음이어도 누구나 OK! 트렌디한 NestJS로 서버 개발을 배워보세요. NestJS .. My/Riverlog 2025. 3. 13.

• 

  2025년 1월 회고: 타 팀 지원, Storyblok, Storybook 공부하기, 2024년 리뷰 패킷, 오랜만에 클라이밍, 스키 1월 첫 주까지도 휴가인 미국 사람 많음 + 역대급 긴 설날 연휴로 1월은 체감 상 거의 2-3주로 느껴진 것 같다. 실제로 업무량을 따지면 그렇게 많지는 않았지만, 빅 이벤트가 있기는 했다. 바로 타 팀 지원을 나가게 된 것! 우리 팀원들과 같이 하게 됐다면 더 좋았겠지만, 한 명만 필요하다고 해서 혼자 하게 되었다 ^^; 업무 자체는 너무 재미있고 onboarding buddy나 팀원들도 아주 친절하다. 온보딩 기간동안 Storyblok을 배우게 되었는데, 트위터에서 유명한 어떤 개발자분이 다닌 적 있는 회사라서 알고는 있었지만 사용해보는 건 처음이었다. Storyblok 은 headless CMS라서 FE 프레임워크와 연결을 해줘야 한다. 여러 props를 Storyblok 상에서 뿌려줄 수 있어서.. My/Riverlog 2025. 2. 3.