프로젝트를 하며 도움이 되었던 글들을 정리했습니다.
PWA
- 서비스 워커(Service Worker) 정체가 뭐니?
- Backgroud Sync 해피쿠 블로그
- Service Worker를 이용한 Web Push
- Service Worker Spec
- PWA with Next.js
- ServiceWorker 이모저모 이야기
- How To Integrate Service Worker And Next.Js
- The service worker lifecycle
- Mock Service Worker로 만드는 모의 서버
- PWA 하루 만에 도입하기(삽질기)
- Background Synchronization
JavaScript
- 콜스택/메모리힙 구조, 데이터 저장/참조 원리
- 이벤트 루프, 넌 누구냐
- ==, === 그리고 Object.is()
- 버블링과 캡처링
- OOLO패턴에 대한 이해
- CommonJS와 ES Modules은 왜 함께 할 수 없는가?
- JS 실행컨텍스트
- Vanilla Javascript로 가상돔(VirtualDOM) 만들기
- 자바스크립트와 이벤트 루프
- 자바스크립트는 어떻게 약속을 지킬까?
- If Javascript Is Single Threaded, How Is It Asynchronous?
- The JavaScript Event Loop : Microtasks and Macrotasks
- 비동기 프로그래밍
- 자바스크립트의 호출 스택과 이벤트 루프
- Task Queue말고 다른 큐가 더 있다고? (MicroTask Queue, Animation Frames)
- 마이크로태스크
- 자바스크립트와 이벤트루프
- axios 공식문서
- 비동기 처리
- 움짤로 보는 자바스크립트 동작 원리
- Immutable.js, persistent data structures and structural sharing
- 제네릭
React
- 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유
- Recoil with Storage (feat. effects)
- SEO Component For Next.js
- 초보자를 위한 React 어플리케이션 테스트 심층 가이드
- React Derived State 다시보기
- 리액트 쿼리 테스트
- React 훅 톺아보기
- Common mistakes with React Testing Library
- Data Fetching in React
- Before you memo()
- React에서 선언적으로 비동기 다루기
- React 톺아보기
- Component Life Cycle
- Prop Drilling
- React 18의 useSyncExternalStore, Tearing 현상은 무엇인가?
- 그 많던 import React from ‘react’는 어디로 갔을까
Storybook
Test
Node
- Building REST API with Express, TypeScript and Swagger
- jhyeok님 블로그
- jaebook-server
- Async Request Handler
- Clean Architecture Node.js - Build a REST API
- 견고한 node.js 프로젝트 설계하기
- Node.js로 만든 API 테스트(supertest)
기타
- Lighthouse CI를 알아보고 Github Actions에 적용하기
- 인증 방식: Cookie & Session vs JWT
- 좋은 git 커밋 메시지를 작성하기 위한 7가지 약속
- DOM은 무엇인가?
- Turborepo로 모노레포 개발 경험 향상하기
- 웹 애플리케이션 공동 명의로 저작권 등록하는 법
- 안티패턴
- 인증방식: Cookie & Session vs JWT
- CSRF 공격과 CSRF Token에 대하여
- SEO Component For Next.js
- 모도코에서 사용한 캐릭터 모음
- Event Driven Architecture란?
- 지도 위에 폴리곤 그리기
- 아마존이 20년간 갈고 닦은 비즈니스 접근법
- P vs NP 쉽게 이해하기
- Template Literal Types로 타입 안전하게 코딩하기
- ingg님 블로그
- 가장 쉽게 VPC 개념잡기
- NAT 게이트웨이 기능 소개
- WAI-ARIA 바르게 사용하기 5부: aria-hidden, ARIA-Modal, presentation 역할 및 none 역할 바르게 사용하기
- 스타트업 투자 유치 101
- 백엔드 서버 아키텍처 — Presentation Layer 1. 요청 방식에 따른 Variation
- tech interview
- 원활한 콘텐츠 작성을 위한 에디터 개발기
- 기술 블로그 위한 contentEditable WYSIWYG 에디터 제작기
- 레진 웹 접근성 가이드라인
- 에러 처리를 어떻게 하면 좋을까?
- V8은 어떻게 동적 탐색을 회피할까?
- Rendering Patterns
- What is DX?
- LCP 최적화하기
- 웹 접근성
- 이번에야말로 CSS Grid를 익혀보자
- 카카오 로그인 연동을 통한 OAuth2 이해하기
- Type Narrowing
- TypeScript가 타입을 좁혀가는 법
- saengmotmi님 블로그
- tech interview