MJLog

Writing

Post

개발 과정에서 배운 것과 오래 남기고 싶은 생각을 기록합니다.

  1. 리액트를 잘하면 좋은 엔지니어가 될 줄 알았다

    측정하기 쉬운 React의 깊이를 엔지니어로서의 성장이라고 믿었던 시간

    tech career react

  2. 나는 무엇으로 개발자임을 증명하려 했을까

    성취와 성장, 증명과 생존을 한 덩어리로 만들었던 시간을 돌아보자.

    tech career

  3. 2025년 커리어 회고(토스입사와 퇴사)

    그토록 가고싶었던 토스를 들어갔다가 나온 사람

    tech career

  4. [홈서버] 홈서버에 vercel 호스팅하기.

    Toss frontend platform 뚝딱하기

    vercel hosting server devops frontend dokploy

  5. [홈서버] 홈서버를 재부팅하니 블로그가 다운됐어요

    재부팅 한 번에 블로그가 다운된 사건을 파헤쳐요

    k3s Kubernetes Nginx DevOps

  6. [홈서버] 자꾸 터지는 Next.js 서버, k3s로 모니터링 시스템 구축하기

    프론트엔드 개발자의 좌충우돌 홈서버 k3s 구축기. Next.js 서버 장애를 계기로 Prometheus와 Grafana 모니터링 시스템을 직접 만들어봅니다.

    k3s Kubernetes Prometheus Grafana Next.js DevOps Nginx

  7. [플랫폼] pnpm에서 peerDependencies와 peerDependenciesMeta를 사용한 멀티 어댑터 라이브러리 설계

    peerDependencies로 어떤 최적화를 이뤄낼 수 있을까요?

    npm pnpm peerDependencies Module Resolution Redis

  8. [짧은 글] Multipart/Form-Data를 왜 Stream으로 처리해야 할까

    Multipart/Form-Data에 대해서 생각해보기

    Multipart/Form-Data

  9. Suspensive 문서에서 생긴 RSC Debug 이야기

    RSC가 캐시돼어 생긴 일

    Next.js RSC Debug

  10. Next.js는 페이지를 두 번 그린다

    Next.js가 페이지를 두 번 그려서 생기는 일

    nextjs rsc react server-component

  11. 친절하게 설명하며 만드는 나무위키 MCP

    나무위키 MCP를 만드는 방법을 친절하게 설명합니다.

    llm mcp typescript server

  12. 웹뷰 라이브러리 webviewkit을 만들어보기

    npm에 배포할 웹뷰 라이브러리를 만들어보았다.

    opensource webview npm 웹뷰

  13. 2024년 상반기 회고(feconf, 취업준비)

    상반기동안 도전했던 성과들과 취업을 준비하였던 이야기

    tech career

  14. CI 환경에서 playwright 시각적 회귀 테스트로 코드 리뷰 효율화하기

    playwright를 이용한 시각적 회귀 테스트를 ci 환경에서 구축하고 효과적으로 코드리뷰를 진행해봅시다.

    fe playwright vrt test ci

  15. [OSSCA] codepair에 기여하기2 with 오픈소스 모각코 5기

    오픈소스 모각코와 함께 issue를 분석해봅시다.

    ossca opensource yorkie codepair

  16. [OSSCA] State-based CRDT에 대해 알아보기

    State-based CRDT에 대해 알아봅시다.

    ossca opensource yorkie CRDT State-based

  17. [OSSCA] Yorkie codepair에 기여하기

    OSSCA 프로그램과 Yorkie에 대해 알아보고, Yorkie의 코드베이스에 기여하는 방법을 소개합니다.

    ossca opensource yorkie codepair

  18. [OSSCA] CRDT에 대해 알아보기

    Yorkie에서 사용하는 CRDT에 대해 알아봅시다.

    ossca opensource yorkie CRDT

  19. 안쓰는 컴퓨터를 배포 서버로 만들기 (2)

    웹훅을 통해 로컬 pc에 자동으로 배포해봅시다.

    deploy server blog nginx

  20. 안쓰는 컴퓨터를 배포 서버로 만들기 (1)

    iptime과 안쓰는 컴퓨터를 배포 서버로 사용하는 방법을 소개합니다.

    deploy server blog nginx

  21. 뱅크샐러드 웹프론트엔드 엔지니어 최종 불합격과 회고

    뱅크샐러드에 최종 불합격하면서 느꼈던 감정과 회고를 적어봅니다.

    tech career

  22. 웹뷰 React Injection으로 성능 최적화하기

    리액트 네이티브 앱에서 웹뷰 성능을 최적화하기 위해 리액트를 주입하는 방법과 그 효과를 분석합니다.

    react react-native webview performance optimization

  23. [ts] enum에 대한 고찰

    typescript에서 enum은 어떻게 컴파일되는지 살펴봅니다.

    JavaScript typescript

  24. React Native 웹뷰에서 이미지 저장하기

    웹뷰에서 네이티브앱으로 이미지를 저장하는 방법

    react native webview

  25. React-Native FCM iOS GoogleService-Info가 arc 브라우저로 다운받으면 적용이 안되는 문제

    arc 브라우저로 파일 다운로드 받지 않고 chrome으로 받아야 하는 이유

    react-native firebase ios

  26. 클라이언트에서의 비밀번호 암호화는 소용이 없을까? with apple

    프론트에서 보내는 비밀번호는 평문이어도 될까?

    front front end frontend security

  27. xhr과 fetch 차이에 대해 알고 있나요?

    xhr과 fetch는 어떻게 스펙이 다를까?

    API frontend network

  28. 프론트엔드 개발자는 어떻게 삽질을 할까(광고 스크립트 트러블슈팅 과정)

    프론트엔드 개발자는 외부 라이브러리를 쓰면 삽질을 하게 됩니다.

    React html web