본문 바로가기

전체 글324

(번역) 죽은 프레임워크 이론 (dead framework theory) 원문: https://aifoc.us/dead-framework-theory 이는 점점 더 많은 개발자들이 LLM과 프레임워크를 사용하여 웹을 구축함에 따라 발생할 수 있는 일에 대한 제 의견이자 고찰입니다. 작년 10월, 저는 "개발자들은 미래에 프레임워크에 관심을 가질까요?"라는 글을 쓰면서 LLM이 프레임워크 선택을 추상화할 것이라고 예측했습니다만 제 예측은 틀렸습니다. 적어도 타임라인에 대해서는 말이죠. 현실은 더욱 흥미로우며 또한 더욱 영속적입니다. 이제 리액트는 다른 프레임워크들과 경쟁하지 않습니다. 리액트는 플랫폼이 되었습니다. 그리고 오늘날 새로운 프레임워크, 라이브러리 또는 브라우저 기능을 구축하고 있다면, 단지 리액트와 경쟁하는 것뿐만 아니라 LLM 학습 데이터, 시스템 프롬프트, 그리.. 2025. 12. 9.
(번역) 리액트 서버 컴포넌트는 정말 성능을 개선할까요? 원문: https://www.developerway.com/posts/react-server-components-performance 동일한 애플리케이션과 테스트 환경에서 CSR, SSR, RSC를 데이터 기반으로 비교하며, 초기 로드 성능과 클라이언트 vs 서버 사이드 데이터 패칭(Streaming + Suspense 포함)의 영향을 중심으로 살펴봅니다. 리액트 서버 컴포넌트에 대해 들어보셨나요? 아마 들어보셨을 겁니다. 지난 몇 년간 리액트 커뮤니티에서 거의 모든 화제가 그것이었죠. 하지만 제 생각에 이건 가장 오해받은 개념 중 하나입니다. 솔직히 말씀드리면, 저도 한동안 그 개념을 제대로 이해하지 못했습니다. 제 사고방식이 실용적인 편이라, 너무 개념적인 이야기로 느껴졌거든요. 게다가 서버 컴포넌.. 2025. 11. 20.
(번역) 브라우저가 자바스크립트 타이머를 스로틀링(throttle) 하는 이유는 무엇일까요? 원문: https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers 자바스크립트를 꽤 오래 사용해 왔다고 하더라도 setTimeout(0)이 실제로는 setTimeout(0)이 아니라는 사실에 놀랄 수 있습니다. 실제로 이것은 4ms 이후에 실행될 수 있습니다. const start = performance.now()setTimeout(() => { // 아마도 4ms console.log(performance.now() - start)}, 0) 거의 10년 전 Microsoft Edge 팀에 있었을 때, 브라우저가 이런 방식을 채택한 이유는 "남용"을 방지하기 위함이라고 들었습니다. 즉, setTimeout을 과도하게 .. 2025. 10. 23.
RSS 구독 요약 LLM Slack Bot 만들기 📌 Overview슬랙 개인 채널에서 여러 기술 블로그를 RSS 피드로 구독 중인데요, 문서 전체 내용을 요약해서 각 글에 댓글로 정리해 두면, 다양한 아티클을 더 빠르고 효율적으로 이해하는 데 도움이 될 것 같다는 생각이 들었습니다. 특히 일부 테크 블로그는 기술뿐 아니라 디자인, 데이터, 프로덕트 등 여러 분야의 콘텐츠도 함께 다루기 때문에, 요약과 함께 카테고리별로 분류까지 해주면 훨씬 유용할 것 같습니다. 슬랙 AI 요약 기능이 Pro 요금제에서만 제공되다 보니, 직접 간단한 앱을 구현해보려고 합니다. 📌 Architecture RSS 구독 중인 블로그에 새로운 글이 발행되면 이를 특정 구독 채널에 공유합니다.이는 RSS Slack App 을 통해 구성합니다. 💡 RSS 앱 설치 및 구독 .. 2025. 10. 11.
FECONF 2025 - Technical SEO와 Lightning talks 25년 8월 23일 토요일 세종대학교에서 FECONF 2025 컨퍼런스가 진행되었습니다.이날 참여했던 세션 중 기억에 남았던 내용을 정리하고 어떤 이벤트 부스가 있었는지 회고해보려고 합니다. 🌐 강남언니 웹 서비스 SEO 사례강남언니(힐링페이퍼) 웹 서비스의 Technical SEO 전략 모델에 대해 소개하는 자리였습니다.사내 200여명 구성원에게 웹 서비스의 가치와 잠재성을 공유 & 그로스 엔지니어링을 위한 전략 수립 및 실행발표 시점 기준 DAU는 약 27,000명이며 이 중 약 60%는 일본 고객웹 서비스의 마케팅 가치를 따져보면웹을 통한 앱다운 수 x 앱다운로드 객단가 로 수치화할 수 있다.계산해 보면 대략 10억 원의 가치라고 한다.하지만 웹 서비스의 경우 일반적인 마케팅을 통해 유입되는 유저.. 2025. 8. 30.
FE 개발자를 위한 Google Analytics 4 개요 구글 정책에 따라 유저 행동 분석에 활용해 오던 Universal Analytics 360(이하 UA360)이 2024년 7월부로 공식적으로 종료되었습니다. 이에 따라, 기존 UA 기반으로 기록되던 이벤트 로그는 Google Analytics 4 로의 전환이 불가피해졌습니다. 💡알아두기2023년 7월 1일부터 UA360 데이터 처리가 중단되었습니다. read-only로 전환되며 새로운 데이터는 GA4 속성으로만 전달됩니다. 1년간의 계도 기간을 거쳐서 완전히 일몰 되었습니다.2024년 7월 1일부터 UA 데이터 읽기/쓰기 중단 & UA에 적재된 데이터가 삭제됩니다.👉 관련 문서 이번 포스트에서는 FE 개발자 입장에서 GA4와 이벤트 수집에 대한 대략적인 이해를 도울 수 있는 내용을 정리해보려고 합니다.. 2025. 7. 24.
카카오뱅크 이직 후기 🏝️ 트리플, 2번의 합병과 그 속에서 얻은 성장얼마 전, 오랜만에 예전 Gmail을 정리하다가 트리플 입사 당시 받았던 메일을 우연히 발견했습니다.2022년 5월 13일에 입사했으니, 어느덧 3년이라는 시간이 흘렀습니다. 그 동안 정말 다양한 일과 경험을 해볼 수 있었습니다.회사 안팎으로 많은 변화가 있었고 그 속에서 여러 일들을 함께 겪으며 성장할 수 있었습니다. 처음엔 트리플 서비스를 개발하다가 인터파크와 합병을 통해 인터파크트리플 이 되었고, 그 이후에는 인터파크 투어를 위한 서비스 개발에 집중했습니다. 그리고 다시 야놀자 플랫폼 과의 합병을 거치면서 조직은 점점 더 커지고 복잡해졌습니다.서로 다른 조직문화와 시스템을 가진 회사들이 하나로 합쳐지는 과정에서 충돌도 있었지만 그 만큼 배움도 컸습.. 2025. 7. 19.
Next.js 배포환경에서 환경변수가 적용되지 않아요! 🤔 문제 상황사내에서 Next.js 기반의 서비스를 처음 개발하시는 분이 공통 Header 위젯을 적용하던 중 환경변수 관련 이슈를 겪으셨습니다. 핵심적으로는 NEXT_PUBLIC 이 붙지 않은 환경변수들이 배포 환경에서 제대로 주입되지 않는 문제가 발생한 상황입니다. 🚀 환경변수 주입 방식환경변수 치환 방식 요약먼저 문제의 정확한 원인을 파악하기 전에 Next.js 에서 환경변수가 어떻게 주입되는지에 대한 이해가 필요합니다.Next.js 에서는 환경변수에 NEXT_PUBLIC 접두사가 붙지 않은 경우 해당 변수는 server-side에서만 접근 가능하도록 제한합니다.💡 Non-NEXT_PUBLIC_ environment variables are only available in the Node.j.. 2025. 7. 17.
10여개의 구현체, 리브랜딩과 함께 하나로 통합하기 기존 인터파크트리플에서 NOL 인터파크로 리브랜딩하는 TF에 참여하여 공통 Header 및 Footer 위젯 개발 업무를 진행했습니다.공통,투어,엔터 등 전사적으로 적용해야하는 과제였기 때문에 개발 스펙을 정의하는 것부터 마이그레이션 전략까지 고려할 사항이 많았고, 유관 부서의 협조도 많이 필요했습니다.이번 포스트에서는 이러한 작업을 어떻게 점진적으로 적용해 나갔는지, 그리고 그 과정에서 발생했던 이슈들을 정리해보고자 합니다. 📌 전수조사 및 migration 전략 의사결정1️⃣ 구현체 전수조사인터파크에는 Java, ASP.NET 기반의 오래된 서비스부터 React SPA, Next.js 등 비교적 최근에 개발된 서비스까지 다양한 스펙트럼의 서비스가 존재합니다.전사적으로 사용할 컴포넌트를 개발하기에 앞.. 2025. 7. 12.

티스토리툴바