본문으로 건너뛰기
yceffort
PostsSeriesTagsAbout🧪 Research
EN

Tweaks

theme
accent palette
film grain
minimal mode
19 POSTS

Networking 1

  • ◆ OG 스크래핑 서버 설계 노트 · 2편
    #security#nodejs#backend

    OG 스크래핑 서버를 Node.js로 짓는다면 (2): SSRF는 어떻게 뚫리는가

    사용자가 준 URL을 서버가 대신 여는 기능은 SSRF의 교과서적 조건을 명세로 갖고 있다. 화이트리스트를 뚫는 우회 여섯 가지를 먼저 보고, 그것을 막는 방어 원리 다섯 개를 Node에서 실제로 돌려본 기록. 손으로 IPv4-mapped를 벗기면 16진 표기에서 뚫리고, undici의 lookup 훅은 호스트가 IP 리터럴이면 아예 호출되지 않으며, URL.hostname은 IPv6 리터럴의 대괄호를 남긴다. OG 스크래핑 서버 설계 노트 2부작의 마지막 편이다.

    2026-08-22·수정 2026-08-23·39분
  • ◆ OG 스크래핑 서버 설계 노트 · 1편
    #web-scraping#backend#nodejs

    OG 스크래핑 서버를 Node.js로 짓는다면 (1): 런타임 선택부터 에러율과 지연까지

    링크 미리보기 서버의 "에러율 10%"는 성질이 다른 다섯 종류의 실패가 뭉친 숫자다. 이 워크로드가 왜 I/O 바운드에 저 TPS인지, 런타임 선택이 실제로 갈리는 네 지점은 어디인지 따져본 뒤, User-Agent와 인코딩으로 에러율을 낮추는 일로 넘어간다. Node 내장 TextDecoder는 CP949 확장 문자를 에러 없이 다른 글자로 바꾸고, 스크랩해 온 og:title은 API 응답이 아니라 사용자 입력이다. 캐시 스탬피드와 negative caching, 그리고 "P95 1초 미만"을 캐시 히트율에서 역산해 검증하는 200만 건 시뮬레이션까지 담았다. OG 스크래핑 서버 설계 노트 2부작의 첫 편이다.

    2026-08-22·수정 2026-08-23·53분
  • ◆ 프론트엔드 개발자가 알아야 할 쿠버네티스 · 4편
    #kubernetes#devops#debugging

    파드는 어떻게 종료되는가: 배포 중 에러의 원인과 해결을 실측한 기록

    코드를 한 줄도 바꾸지 않은 배포에서도 에러는 샌다. 롤링 배포 중 새는 실패를 유형과 시각까지 태깅해 원인 네 가지를 부검하고, 해법을 하나씩 더해 0으로 만들기까지의 실측 기록이다. Next.js의 종료 코드 원문과 인질 드레인, CrashLoopBackOff의 실제 시간표까지. 프론트엔드 개발자를 위한 쿠버네티스 시리즈의 네 번째 편이다.

    2026-08-08·수정 2026-09-23·36분
  • ◆ 프론트엔드 개발자가 알아야 할 쿠버네티스 · 3편
    #kubernetes#networking#devops

    트래픽은 어떻게 내 파드에 도착하는가: ClusterIP부터 port-forward까지

    Service의 ClusterIP는 어느 기계에도 붙어 있지 않은 IP인데 curl은 어떻게 닿는가. iptables 규칙과 conntrack, EndpointSlice, 클러스터 DNS의 ndots, Gateway, port-forward까지, 요청이 파드에 도착하는 경로 전체를 kind 클러스터에서 직접 열어본 기록이다. 프론트엔드 개발자를 위한 쿠버네티스 시리즈의 세 번째 편이다.

    2026-08-06·수정 2026-09-23·48분
  • #web-performance#book#browser

    『프런트엔드 성능 최적화 Deep Dive』가 출간되었습니다.

    🙇🏻‍♂️

    2026-07-22·5분
  • ◆ 디렉티브 딥다이브 · 2편
    #react#nextjs#networking

    React 서버 함수 딥다이브: "use server"의 끝까지

    "use server" 한 줄 뒤에서 무슨 일이 벌어지고 있는가?

    2026-03-09·수정 2026-05-01·42분
  • #networking#browser

    서버에서 클라이언트로의 여정 - 브라우저와 서버는 어떻게 데이터를 주고 받을까

    네트워크도 공부해야하는데

    2021-11-23·수정 2021-11-25·13분
  • #nextjs#backend#networking

    nextjs 서버사이드에서 absolute url 가져오기

    이번 달 포스팅이 더디네요... 반성합니다.

    2021-10-29·수정 2021-11-19·4분
  • #web-performance#browser#networking

    Critical Request - request 순서는 웹사이트 속도에 어떤 영향을 미치는가

    서순을 정확히하는게 중요하지

    2021-09-22·12분
  • #networking#web-performance#backend

    HTTP1 vs HTTP2

    공부할게 정말 많습니당

    2021-05-12·수정 2021-05-14·28분
  • #web-performance#networking

    그런데 왜 brotli를 사용하지 않는 것일까? 🤔

    항상 왜 그럴까를 고민해 봐야 하는 것 같다

    2021-01-11·수정 2026-06-04·17분
  • #web-performance#networking#algorithm

    더 나은 압축 알고리즘, Brotli

    왜 이걸 이제 알았나 자괴감 들고 괴로워

    2021-01-07·수정 2021-01-17·4분
  • #caching#browser#networking

    파티셔닝 캐시 (partitioning cache)

    Google Font 를 써도 이제 캐시 효과는 못받겠네요

    2020-12-17·8분
  • #networking#backend#async

    서버 사이드 이벤트 (Server Side Events, SSE)

    이거 꼭 한번 해보고 싶었는데 😭

    2020-11-17·7분
  • #caching#web-performance#networking

    HTTP Cache로 불필요한 네트워크 요청 줄이기

    HTTP Cache에 대한 이해

    2020-10-20·12분
  • #networking#security#browser

    Referer와 Referer-Policy를 위한 가이드

    웹 어플리케이션에서 request를 받기 위한 최적의 Referer와 Referrer 정책

    2020-09-22·수정 2021-08-14·14분
  • #networking#async#javascript

    자바스크립트에서 http 요청하기 - fetch에 대한 고찰

    `toc tight: true, from-heading: 2 to-heading: 3 ` ## 1. 서론 자바스크립트에서 http 요청을 하는 것은 이제 비일비재한 일이 되었다. 서버에서 모든 데이터를 가져와서 static 한 html을 만들어서 보여주고 있는 웹페이지는 아마 찾기 어려울 것이다. 맨 처음 웹을 배울 때, jquery의 ajax ...

    2020-01-22·6분
  • #security#browser#backend

    Chrome Samesite 쿠키 정책

    # 문제의 시작 지난 주말, 엄청나게 급하게 빠른 속도로 프로젝트를 heroku에 올릴 일이 있었다. DB도 새로만들어야하고, 로그인도 필요한 사이트라 DB는 Heroku의 Clean DB를, 로그인은 [google sign-in for websites](https://developers.google.com/identity/sign-in/web)을 사용하...

    2020-01-09·수정 2021-07-24·9분
  • #devops#networking#backend

    HAProxy

    ## 로드밸런서 > 로드 밸런싱이란, 부하 분산을 위해서 가상 IP를 통해 여러 서버에 접속하도록 분배하는 기능을 말한다. 로드 밸런싱에서 사용하는 주요 기술은 - NAT(Network Address Translation): 사설 IP 주소를 공인 IP 주소로 바꾸는 데 사용하는 통신망의 주소 변조기이다. - DSR(Dynamic Source Rout...

    2019-08-07·3분
mailMail icongithubtwitter
yceffort
•
© 2026
•
https://yceffort.kr