VibeCoding 365 로고 VibeCoding 365

함수

특정 작업을 이름 붙여 재사용할 수 있게 묶은 코드 블록이다. 버튼 클릭 처리, 가격 계산, 입력값 검증, API 호출처럼 반복되거나 의미가 분명한 동작을 함수로 분리하면 코드가 읽기 쉬워지고 테스트하기도 쉬워진다. 바이브 코딩에서는 AI에게 '이 로직을 함수로 빼줘'라고 지시하면 거대한 컴포넌트나 핸들러를 더 작은 단위로 나눌 수 있다. 함수는 입력값(매개변수)을 받고 결과값을 반환할 수 있으므로, 데이터 흐름을 명확히 만드는 핵심 도구이다.

바이브 코딩 사전

함수

바이브 코딩 사전

함수

함수 · Function

카테고리
프론트엔드·UI
난이도
basic
태그
함수 · JavaScript
슬러그
function
상태
published
정렬 순서
122

정의

특정 작업을 이름 붙여 재사용할 수 있게 묶은 코드 블록이다. 버튼 클릭 처리, 가격 계산, 입력값 검증, API 호출처럼 반복되거나 의미가 분명한 동작을 함수로 분리하면 코드가 읽기 쉬워지고 테스트하기도 쉬워진다. 바이브 코딩에서는 AI에게 '이 로직을 함수로 빼줘'라고 지시하면 거대한 컴포넌트나 핸들러를 더 작은 단위로 나눌 수 있다. 함수는 입력값(매개변수)을 받고 결과값을 반환할 수 있으므로, 데이터 흐름을 명확히 만드는 핵심 도구이다.

영어 표기

Function

예시

calculateDiscount(price, coupon) 함수를 만들면 상품 카드, 장바구니, 결제 화면에서 같은 할인 계산 로직을 중복 없이 사용할 수 있다.