웹 & 프론트엔드

React, Next.js, Node.js와 웹 보안.

React · 2026. 10. 13. · 8 분 읽기 · 90

React의 useMemo와 useCallback: 정말 필요할 때는?

useMemo와 useCallback이 어떤 문제를 해결하는지, 언제 불필요한 렌더링을 줄이는지, 언제는 코드만 복잡하게 하는지, 그리고 테스트로 검증하는 방법을 배웁니다.

Next.js · 2026. 10. 13. · 9 분 읽기 · 104

Route Handlers: Next.js에서 API 작성하기

App Router에서 Route Handlers를 사용하여 REST API를 작성하는 방법: 메서드 정의, body 읽기, 동적 매개변수, 쿠키, 캐싱 및 Vitest로 테스트 작성

Node.js · 2026. 10. 06. · 8 분 읽기 · 476

Express를 이용한 Node.js REST API 작성

Express로 REST API를 구축하는 방법을 라우팅, 미들웨어, 데이터 검증에서 오류 처리 및 Jest, Supertest를 이용한 테스트까지 안내합니다.

Node.js · 2026. 10. 06. · 7 분 읽기 · 116

Node.js의 Async/Await와 에러 처리

Node.js에서 async/await가 동작하는 방식, try/catch로 올바르게 에러를 처리하는 방법, 그리고 Promise 처리 시 흔한 실수들을 알아봅니다.

Next.js · 2026. 10. 06. · 9 분 읽기 · 109

Server Actions: API 없이 form 처리하기

Next.js의 Server Actions를 사용하여 Route Handler나 API를 작성하지 않고도 component에서 직접 form submit을 처리하는 방법을 배워봅시다.

React · 2026. 10. 06. · 7 분 읽기 · 110

useState와 useEffect: 올바른 사용법

React의 useState와 useEffect의 실제 작동 메커니즘을 분석하고, stale closure, infinite loop 같은 일반적인 오류와 useEffect를 피해야 할 때를 다룹니다.

Next.js · 2026. 10. 05. · 8 분 읽기 · 109

Next.js의 Server Component와 Client Component

Next.js App Router에서 Server Component와 Client Component의 차이점을 구분하고, 각각을 언제 사용할지, 그리고 두 가지를 함께 사용할 때 발생하는 일반적인 오류를 알아봅니다.