![[TS/JS] 직렬화와 역직렬화 깊게 파보기: NestJS와 Next.js 예시로 이해하기](/_next/image?url=%2Fimages%2Ftypescript.png&w=3840&q=75)
Backend
[TS/JS] 직렬화와 역직렬화 깊게 파보기: NestJS와 Next.js 예시로 이해하기
메모리 객체가 네트워크나 디스크를 넘나들 때 일어나는 직렬화와 역직렬화 과정을 NestJS와 Next.js 예시로 정리합니다.
02026. 3. 29.
#JavaScript16개
Frontend
Axios 인터셉터로 요청과 응답을 한곳에서 관리하기
Axios 인터셉터로 요청과 응답을 가로채 공통 헤더 추가, 응답 표준화, 에러 처리, 토큰 갱신을 한곳에서 관리하는 방법을 정리합니다.
02024. 12. 23.
Frontend
JavaScript 엔진은 어떻게 소스 코드를 기계어로 실행할까: V8 컴파일 파이프라인 분석
V8 같은 현대 JavaScript 엔진이 소스 코드를 토큰화, AST 생성, 바이트코드 변환, JIT 컴파일을 거쳐 기계어로 실행하는 과정을 단계별로 정리합니다.
02024. 11. 25.
Frontend
React Native 새 아키텍처 이해하기: 브릿지를 대체한 JSI
React Native의 기존 브릿지 구조가 가진 성능 한계를, 새 아키텍처의 JSI와 Fabric, Turbo Modules가 어떻게 해결하는지 정리합니다.
02022. 11. 16.
Frontend
Web Worker로 무거운 로직을 다른 스레드에서 처리하기
Web Worker로 무거운 로직을 별도 스레드에서 처리해 브라우저가 멈추는 문제를 막는 방법을 정리합니다.
02022. 9. 11.
Frontend
addEventListener 심화 옵션과 효율적인 이벤트 관리: capture, once, passive, AbortController
addEventListener의 capture, once, passive 옵션과 AbortController로 이벤트를 효율적으로 관리하는 방법을 정리합니다.
02022. 9. 10.
Frontend
EventTarget 클래스 직접 구현하기: addEventListener부터 dispatch까지
DOM의 EventTarget과 비슷한 클래스를 직접 만들어 이벤트 등록, 삭제, dispatch를 구현해 봅니다.
02022. 8. 31.
Frontend
TypeScript groupBy로 배열을 한 번에 그룹화하기
filter를 반복 호출하는 대신 groupBy로 배열을 한 번만 순회해 그룹화하고, 키로 데이터에 바로 접근하는 방법을 정리했습니다.
02022. 7. 29.
Frontend
TypeScript 객체 업데이트: Spread 연산자와 Pick·Partial 유틸리티 타입 활용법
Spread 연산자와 Pick, Partial 유틸리티 타입을 조합해 불변성을 지키며 객체를 안전하게 업데이트하는 방법을 정리합니다.
02022. 5. 20.
Frontend
JavaScript 정규표현식: 생성자 함수(RegExp)로 동적 패턴 완벽하게 다루기
런타임에 결정되는 동적 패턴을 RegExp 생성자 함수로 안전하게 다루는 방법을 정리합니다.
02022. 4. 29.
Frontend
타입스크립트에서 여러 객체를 상속받을 수 있는 Mixin 패턴을 알아보자!
타입스크립트에서 여러 객체를 동시에 상속받을 수 있게 해주는 Mixin 패턴을 알아봅니다.
02022. 4. 29.
Frontend
프론트엔드 성능 최적화를 시켜줄 8가지 방법!!
리소스 압축, 폰트·이미지 최적화, 지연 로딩, CDN 등 프론트엔드 성능을 높이는 8가지 방법을 소개합니다.
02022. 4. 28.
Frontend
타입스크립트 Function Overloading을 알아보자!
여러 경우의 매개변수와 반환 타입을 하나의 함수로 처리하는 타입스크립트 함수 오버로딩을 알아봅니다.
02022. 4. 27.
Frontend
Next.js 에서 facebook comments plugin 적용해보기
Next.js 블로그에 페이스북 댓글 플러그인을 연동하는 과정을 단계별로 정리합니다.
02022. 4. 27.
Frontend
react-testing-library를 사용하여 간단한 테스트 코드 작성해보기
react-testing-library로 렌더링, 이벤트, API 모킹, 커스텀 훅 등을 검증하는 테스트 예제를 살펴봅니다.
02022. 4. 27.
Frontend
Intersection Observer를 사용하여 lazy loading 해보기
Intersection Observer API로 무한 스크롤과 이미지 지연 로딩을 구현하는 방법을 알아봅니다.
02022. 4. 26.