절차지향과 객체지향 그리고 자바스크립트

이병관·2024년 11월 28일

TIL

1. 절차지향 프로그래밍

특징

함수 중심:
- 프로그램이 함수(또는 프로시저)의 집합으로 구성됩니다.
- 함수는 특정 작업을 수행하며, 여러 함수가 서로 호출하면서 프로그램이 동작합니다.
단계적 작업:
- 문제를 단계별로 해결하며, 코드가 순서대로 실행됩니다.
- 데이터를 함수가 처리하는 방식으로 동작.
데이터와 함수가 분리:
- 데이터는 전역 변수나 구조체에 저장되고, 함수가 이를 처리합니다.
흐름 중심:
- 코드의 흐름이 명확하며, 제어 구조(반복, 조건문 등)를 통해 프로그램의 실행 순서를 관리합니다.

장점

배우기 쉽고 간단.
작은 규모의 프로그램에서 적합.
메모리와 성능 측면에서 상대적으로 효율적(C와 같은 저수준 언어 기반).

단점

프로그램이 커지면 유지보수와 확장이 어려움.
코드 재사용성이 낮음.
데이터와 함수가 분리되어 있어, 데이터 보호(캡슐화)가 부족.

사용 예시 (C)

#include <stdio.h>// 절차지향 코드
int add(int a, int b) {
    return a + b;
}

int main() {
    int x = 10, y = 20;
    printf("Sum: %d\n", add(x, y));
    return 0;
}

2. 객체지향 프로그래밍 (OOP)

특징

객체 중심:
- 프로그램이 객체(Object)들로 구성됩니다.
- 객체는 데이터(필드)와 이를 처리하는 함수(메서드)를 하나로 묶은 단위입니다.
데이터 중심:
- 데이터(객체)를 중심으로 프로그램이 동작하며, 데이터와 이를 처리하는 메서드가 캡슐화됩니다.
재사용성과 확장성:
- 상속(Inheritance), 다형성(Polymorphism) 등을 통해 코드를 재사용하고 확장할 수 있습니다.
추상화와 캡슐화:
- 복잡한 내용을 숨기고 필요한 것만 제공(추상화).
- 데이터는 외부에서 직접 접근할 수 없으며, 메서드를 통해서만 접근 가능(캡슐화).
코드 구조화:
- 프로그램의 각 부분을 독립적인 객체로 나누어 구조화.

장점

코드 재사용성 증가(상속, 다형성).
유지보수와 확장 용이.
데이터 보안 향상(캡슐화).
대규모 프로젝트에 적합.

단점

상대적으로 복잡하고 학습 곡선이 있음.
실행 속도가 절차지향보다 느릴 수 있음.
소규모 프로젝트에서는 비효율적.

사용 예시 (Java)

// 객체지향 코드
class Calculator {
    // 메서드
    public int add(int a, int b) {
        return a + b;
    }
}

public class Main {
    public static void main(String[] args) {
        Calculator calc = new Calculator(); // 객체 생성
        System.out.println("Sum: " + calc.add(10, 20));
    }
}

절차지향 vs 객체지향 비교

특징	절차지향(Procedural)	객체지향(Object-Oriented)
중심 요소	함수(프로시저) 중심	객체 중심
데이터와 함수	데이터와 함수가 분리됨	데이터와 메서드가 객체로 캡슐화
코드 재사용성	낮음	높음 (상속, 다형성 등)
코드 확장성	낮음	높음
복잡성	단순하고 직관적	상대적으로 복잡
보안성	데이터 보호가 어렵고 보안 취약	캡슐화를 통해 데이터 보호 가능
적용 사례	소규모 프로젝트, 시스템 프로그래밍	대규모 소프트웨어, 게임, 웹 애플리케이션
사용 언어 예시	C, Pascal, COBOL	Java, C++, Python, C#, Ruby

어떤 방식을 선택해야 할까?

절차지향:
- 프로그램이 작고 단순한 경우.
- 성능이 중요한 경우(C 언어로 임베디드 시스템 개발 등).
- 하드웨어 제어, 시스템 프로그래밍 등에 적합.
객체지향:
- 프로그램이 크고 복잡한 경우.
- 유지보수와 확장성이 중요한 프로젝트.
- 팀 협업이 필요한 대규모 소프트웨어 개발.
- 코드 재사용이 중요한 경우.

혼합 사용

많은 현대 언어(C++, Python 등)는 절차지향과 객체지향을 혼합할 수 있는 기능을 제공합니다.
예를 들어, Python에서는 작은 스크립트 작성 시 절차지향 스타일로 코딩할 수 있고, 대규모 프로젝트에서는 객체지향 스타일을 사용할 수 있습니다.

결론

절차지향: "순서대로 수행"이라는 개념에 초점, 함수 중심.
객체지향: "객체"라는 데이터 중심, 객체의 행동과 데이터를 하나로 묶어 캡슐화하고 재사용성을 극대화.

자바스크립트는 어떤언어인가요?

JavaScript는 멀티패러다임 프로그래밍 언어로, 절차지향, 객체지향, 그리고 함수형 프로그래밍을 모두 지원합니다. 이는 JavaScript가 유연하고 다양한 스타일의 코드를 작성할 수 있도록 설계된 언어라는 뜻입니다.

아래에서 JavaScript가 각각의 패러다임을 어떻게 지원하는지 살펴보겠습니다.

1. JavaScript는 절차지향 언어인가요?

JavaScript는 절차지향 프로그래밍도 지원합니다.

JavaScript에서는 절차지향 스타일로 코드를 작성할 수 있습니다. 프로그램의 흐름을 함수와 명령문으로 구성하며, 데이터를 직접 처리하는 방식입니다.

절차지향 예제 (JavaScript):

// 데이터를 처리하는 함수 정의
function add(a, b) {
    return a + b;
}

// 순차적으로 실행
let x = 10;
let y = 20;
let sum = add(x, y);

console.log("Sum:", sum);

위 코드에서는 데이터(x, y)를 함수(add)가 처리하며, 절차적으로 진행됩니다. JavaScript는 이런 절차적 스타일의 코드 작성이 가능합니다.

2. JavaScript는 객체지향 언어인가요?

JavaScript는 객체지향 프로그래밍(OOP)도 지원합니다.

JavaScript는 객체를 생성하고, 해당 객체에 속성과 메서드를 정의하여 객체 지향 프로그래밍 스타일로 코드를 작성할 수 있습니다. 특히, ES6(ECMAScript 2015)부터는 클래스 문법(class syntax)이 추가되면서 객체지향 코드를 작성하기 더 쉬워졌습니다.

객체지향 예제 (JavaScript):

// ES6 클래스 문법을 사용한 객체지향 코드
class Calculator {
    constructor() {
        this.result = 0;
    }

    add(value) {
        this.result += value;
    }

    subtract(value) {
        this.result -= value;
    }

    getResult() {
        return this.result;
    }
}

// 객체 생성
const calc = new Calculator();
calc.add(10);
calc.subtract(5);

console.log("Result:", calc.getResult()); // Result: 5

JavaScript에서 객체지향 프로그래밍의 주요 특징

캡슐화: 객체의 속성과 메서드를 캡슐화.
상속: extends 키워드를 사용해 클래스 상속.
다형성: 오버라이딩과 같은 개념도 지원.

3. JavaScript는 함수형 언어인가요?

JavaScript는 함수형 프로그래밍 패러다임도 지원합니다.

JavaScript는 함수를 일급 객체로 취급하며, 함수형 프로그래밍의 여러 특징(고차 함수, 불변성 등)을 지원합니다. 이는 JavaScript가 다른 절차지향이나 객체지향 언어와 구별되는 중요한 특징 중 하나입니다.

함수형 프로그래밍 예제 (JavaScript):

// 함수형 스타일로 배열 처리
const numbers = [1, 2, 3, 4, 5];

// 고차 함수(map)를 사용
const squared = numbers.map(num => num * num);

console.log(squared); // [1, 4, 9, 16, 25]

// 불변성을 유지하며 데이터 변환
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

JavaScript의 함수형 프로그래밍 특징

고차 함수: 함수가 다른 함수를 인자로 받거나 반환할 수 있음.
불변성: 원본 데이터를 변경하지 않고 새로운 데이터를 생성.
클로저(Closure): 함수가 외부 변수에 접근할 수 있는 기능.

JavaScript의 멀티패러다임 성격

패러다임	JavaScript에서의 지원
절차지향	함수와 명령문을 사용해 순차적으로 코드 작성.
객체지향(OOP)	객체 생성, 클래스 문법, 상속, 다형성 등 지원.
함수형 프로그래밍	고차 함수, 불변성, 클로저 등 지원.

JavaScript는 기본적으로 절차지향에서 출발했지만, 시간이 지나면서 객체지향 프로그래밍(OOP)과 함수형 프로그래밍까지 폭넓게 지원하게 되었습니다.

JavaScript는 왜 유연한가요?

동적 타입 언어:
- 변수에 어떤 타입의 데이터든 할당할 수 있어 절차지향, 객체지향, 함수형 코드를 모두 수용 가능.
객체 중심:
- JavaScript에서는 모든 것이 객체처럼 동작합니다. 예를 들어, 배열도 객체이고 함수도 객체입니다.
다양한 문법 지원:
- ES6 이후부터 class와 같은 문법이 추가되면서 객체지향 스타일의 코드 작성이 쉬워졌습니다.
- 동시에, 함수형 프로그래밍에서 사용하는 고차 함수(map, filter 등)를 쉽게 사용할 수 있습니다.

JavaScript를 절차지향, 객체지향, 함수형으로 비교

절차지향 스타일

// 절차지향적으로 문제 해결
function calculateArea(width, height) {
    return width * height;
}

const width = 10;
const height = 5;
console.log("Area:", calculateArea(width, height));

객체지향 스타일

// 객체를 사용해 문제 해결
class Rectangle {
    constructor(width, height) {
        this.width = width;
        this.height = height;
    }

    getArea() {
        return this.width * this.height;
    }
}

const rect = new Rectangle(10, 5);
console.log("Area:", rect.getArea());

함수형 스타일

// 함수형 프로그래밍 스타일
const calculateArea = (width, height) => width * height;

const dimensions = { width: 10, height: 5 };
console.log("Area:", calculateArea(dimensions.width, dimensions.height));

결론

JavaScript는 절차지향, 객체지향, 함수형 프로그래밍을 모두 지원하는 멀티패러다임 언어입니다. 프로젝트나 개발자의 선호도에 따라 특정 패러다임에 맞게 작성할 수 있는 유연성을 제공합니다.

소규모 스크립트: 절차지향 스타일이 적합.
대규모 프로젝트: 객체지향 스타일로 설계.
데이터 변환 및 처리: 함수형 프로그래밍 스타일 활용.

JavaScript는 특정 패러다임에 국한되지 않고 다양한 스타일의 프로그래밍에 적합한 언어입니다.

이병관

뜨겁고 매콤하고 화끈하게

이전 포스트