Main Navigation 홈 사랑방

Appearance

Sidebar Navigation

코드 가이드

Attitudes

코드의 의도를 드러내기

A. 관련없는 정보 함께 두지 않기

B. 로컬 UI 상태는 컴포넌트에 남기기

C. 로깅 함수 분리하기

D. 이름으로 의도 전달하기

Rules

디렉토리 구조

A. Pages Router

B. App Router

패키지 사용

A. 서버 데이터 관리

B. 폼 관리

C. React 유틸리티

D. 에러 바운더리

E. 날짜 관리

F. 유틸리티 함수

이미지

A. 반응형 이미지 처리하기

컨벤션

A. 네이밍

B. 타입스크립트

GitHub

A. Pull Request 템플릿

B. 배포 프로세스

서비스

백오피스

패키지

@teamsparta/react

components

Delay

InView

Portal

Separated

Spacer

Suspense

SwitchCase

When

hooks

useBoolean

useClickAway

useCopyToClipboard

useDebounce

useDocumentVisibility

useHotkeys

useHover

useIntersectionObserver

useInterval

useIsClient

useIsomorphicLayoutEffect

useLockBodyScroll

useMediaQuery

usePreserveCallback

useResizeObserver

useStopwatch

useStorageState

useThrottle

useTimeout

useTimer

useToggle

utils

createContext

mergeRefs

@teamsparta/utils

array

getLastItem

isEmptyArray

isLastIndex

unique

clipboard

copyToClipboard

date

calculateAge

fixServerDate

getDateDiff

getNewDate

getTimePastText

isAfterOrEqual

isBeforeOrEqual

device

isMac

isMobileDevice

file

downloadFile

function

noop

math

clamp

random

randomInt

sumBy

number

formatPhoneNumber

predicate

isArray

isBoolean

isClient

isDate

isFunction

isNil

isNotNil

isNull

isNumber

isObject

isServer

isString

isUndefined

promise

delay

string

snakeCase

@teamsparta/types

PartialRecord

Values

@teamsparta/hackle

@teamsparta/eslint-backend-config

@teamsparta/eslint-frontend-config

@teamsparta/prettier-config

@teamsparta/react-logger

@teamsparta/ts-config

@teamsparta/union-mcp

커뮤니티

FE Tech 사랑방

On this page

Are you an LLM? You can read better optimized documentation at /contents/ground-rules/side-effects.md for this page in Markdown format

사이드 이펙트 추출하기

테스트 문서입니다.

작성자github-actions[bot]

최근 수정자sparta-sj

Updated 2026-06-11

Pager

Next page코드 가이드

B. 배포 프로세스

사이드 이펙트 추출하기 ​

사이드 이펙트 추출하기