전체 글97

• 

  처리량과 지연 시간 ✏️ 처리량과 지연 시간 네트워크란 노드와 링크가 서로 연결되어 있으며 리소스를 공유하는 집합을 의미합니다. 여기서 노드란 서버, 라우터, 스위치 등 네트워크 장치를 의미하고 링크는 유선 또는 무선을 의미합니다. 네트워크를 구축할 때는 좋은 네트워크로 만드는 것이 중요합니다. 좋은 네트워크란 많은 처리량을 처리할 수 있으며 지연 시간이 짧고 장애 빈도가 적으며 좋은 보안을 갖춘 네트워크를 말합니다. 📡 처리량 처리량(Throughput)이란 링크를 통해 전달되는 단위 시간당 데이터양을 말합니다. 단위로는 bps(Bits Per Second)를 사용합니다. 초당 전송 또는 수신되는 비트 수라는 의미입니다. 처리량은 사용자들이 많이 접속할 때마다 커지는 트래픽, 네트워크 장치 간의 대역폭, 네트워크 중간에 .. ComputerScience/네트워크 기초 2023. 11. 14.

• 

  절차지향 프로그래밍 ✏️ 절차지향 프로그래밍 절차지향 프로그래밍(Procedural Programming)은 로직이 수행되어야 할 연속적인 계산 과정으로 이루어져 있습니다. 일이 진행되는 방식으로 코드를 구현하기만 하면 되기 때문에 코드의 가독성이 좋으며 실행 속도가 빠릅니다. 그렇기 때문에 계산이 많은 작업 등에 쓰입니다. 단점으로는 모듈화 하기가 어렵고 유지 보수성이 떨어진다는 점이 있습니다. 예를 들어 자연수로 이루어진 배열에서 최댓값을 찾으라고 한다면 다음과 같이 로직을 구성합니다. const ret = [1, 2, 3, 4, 5, 6]; let a = 0; for (let i = 0; i < ret.length; i++) { a = Math.max(ret[i], a); } console.log(a); // 6 ComputerScience/프로그래밍 패러다임 2023. 11. 14.

• 

  객체지향 프로그래밍 ✏️ 객체지향 프로그래밍 객체지향 프로그래밍(OOP, Object-Oriented Programming)은 객체들의 집합으로 프로그램의 상호 작용을 표현하며 데이터를 객체로 취급하여 객체 내부에 선언된 메서드를 활용하는 방식을 말합니다. 설계에 많은 시간이 소요되며 처리 속도가 다른 프로그래밍에 비해 상대적으로 느립니다. 예를 들어 자연수로 이루어진 배열에서 최댓값을 찾으라고 한다면 다음과 같이 로직을 구성합니다. const ret = [1, 2, 3, 4, 5, 6]; class List { constructor(list) { this.list = list; this.mx = list.reduce((max, num) => (num > max ? num : max), 0); } getMax() { ret.. ComputerScience/프로그래밍 패러다임 2023. 11. 13.

• 

  선언형과 함수형 프로그래밍 ✏️ 프로그래밍 패러다임 프로그래밍 패러다임(Programming Paradigm)은 프로그래머에게 프로그래밍의 관점을 갖게 해주는 역할을 하는 개발 방법론입니다. 예를 들어 객체지향 프로그래밍은 프로그래머들이 프로그램을 상호 작용하는 객체들의 집합으로 볼 수 있게 하는 반면에, 함수형 프로그래밍은 상태 값을 지니지 않은 함수들의 연속으로 생각할 수 있게 해 줍니다. 어떤 언어는 특정 패러다임을 지원하기도 하는데, jdk 1.8 이전의 자바는 객체 지향 프로그래밍을 지원하는 반면에, 하스켈은 함수형 프로그래밍을 지원합니다. 여러 패러다임을 지원하는 언어로는 C++, 파이썬, 자바스크립트가 있으며 자바의 경우 jdk 1.8부터 함수형 프로그래밍 패러다임을 지원하기 위해 람다식, 생성자 레퍼런스, 메서드 레.. ComputerScience/프로그래밍 패러다임 2023. 11. 13.

• 

  MVC, MVP, MVVM 패턴 ✏️ MVC 패턴 MVC 패턴은 모델(Model), 뷰(View), 컨트롤러(Controller)로 이루어진 디자인 패턴입니다. 애플리케이션의 구성 요소를 세 가지 역할로 구분하여 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발할 수 있습니다. 재사용성과 확장성이 용이하다는 장점이 있고, 애플리케이션이 복잡해질수록 모델과 뷰의 관계가 복잡해지는 단점이 있습니다. 📊 모델 모델(Model)은 애플리케이션의 데이터인 데이터베이스, 상수, 변수 등을 의미합니다. 예를 들어 사각형 모양의 박스 안에 글자가 들어 있다면 그 사각형 모양의 박스 위치 정보, 글자 내용, 글자 위치, 글자 포맷에 관한 정보를 모두 가지고 있어야 합니다. 뷰에서 데이터를 생성하거나 수정하면 컨트롤러를 통해 모델을 생성하거나 갱신합.. ComputerScience/디자인 패턴 2023. 11. 13.

• 

  노출모듈 패턴 ✏️ 노출모듈 패턴 노출모듈 패턴(Revealing Module Pattern)은 즉시 실행 함수를 통해 private, public 같은 접근 제어자를 만드는 패턴을 말합니다. 자바스크립트는 private, public 같은 접근 제어자가 존재하지 않고 전역 스코프에서 스크립트가 실행됩니다. 그렇기 때문에 노출모듈 패턴을 통해 private, public 접근 제어자를 구현하기도 합니다. 더보기 💡 즉시 실행 함수 함수를 정의하자마자 바로 호출하는 함수로 초기화 코드, 라이브러리 내 전역 변수의 충돌 방지 등에 사용합니다. 💻 자바스크립트의 노출모듈 패턴 const pukuda = (() => { const a = 1; const b = () => 2; const public = { c: 2, d: (.. ComputerScience/디자인 패턴 2023. 11. 13.

• 

  이터레이터 패턴 ✏️ 이터레이터 패턴 이터레이터 패턴(Iterator Pattern)이란 이터레이터를 사용하여 컬렉션의 요소들에 접근하는 디자인 패턴입니다. 이터레이터 패턴은 컬렉션 내의 각 항목에 순차적으로 접근하면서 복잡한 내부 구조를 노출하지 않고도 컬렉션을 반복할 수 있는 방법을 제공하는 패턴으로, 컬렉션과 반복 로직을 분리하여 컬렉션의 구조를 변경하지 않고도 반복 작업을 수행할 수 있게 해 줍니다. 이터레이터 패턴은 컬렉션 객체와 이터레이터 객체로 구성됩니다. 이터레이터 객체는 컬렉션 내의 항목에 접근하는 인터페이스를 정의하며, 컬렉션 객체는 이터레이터 객체를 생성하고 이터레이터 인터페이스를 구현하는 실제 이터레이터 객체를 반환합니다. 더보기 💡 이터레이터 (Iterator) 이터레이터는 컬렉션 내의 요소들에 .. ComputerScience/디자인 패턴 2023. 11. 13.

• 

  프록시 패턴과 프록시 서버 ✏️ 프록시 패턴과 프록시 서버 프록시 패턴(Proxy Pattern)은 대상 객체에 접근하기 전 그 접근에 대한 흐름을 가로채 대상 객체 앞단의 인터페이스 역할을 하는 디자인 패턴입니다. 이를 통해 객체의 속성, 변환 등을 보완하며 보안, 데이터 검증, 캐싱, 로깅에 사용합니다. 이는 프록시 객체로 쓰이기도 하지만 프록시 서버로도 활용됩니다. 프록시 서버(Proxy Server)는 서버와 클라이언트 사이에서 클라이언트가 자신을 통해 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터 시스템이나 응용 프로그램을 가리킵니다. 🌐 프록시 서버로 쓰는 Nginx nginx는 비동기 이벤트 기반의 구조와 다수의 연결을 효과적으로 처리 가능한 웹 서버이며, 주로 Node.js 서버 앞단의 프록시 서버.. ComputerScience/디자인 패턴 2023. 11. 10.

• 

  옵저버 패턴 ✏️ 옵저버 패턴 옵저버 패턴(Observer Pattern)은 주체가 어떤 객체의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴입니다. 🔍 객체와 주체가 분리되어 있는 옵저버 패턴 (Classic Observer Pattern) 일반적인 옵저버 패턴으로 주체는 객체의 상태가 변경될 때 등록된 옵저버들에게 알림을 보내는 역할을 합니다. 옵저버는 객체의 상태 변화에 따라 전달되는 메서드 등을 기반으로 추가 변화 사항이 생기는 객체입니다. 주체와 옵저버는 서로 독립적으로 존재하며, 주체는 옵저버들에 대한 정보를 가지고 있습니다. 🔍 객체와 주체가 합쳐진 옵저버 패턴 (Pull Model Observer Pattern) 객체가 상.. ComputerScience/디자인 패턴 2023. 11. 10.

• 

  전략 패턴 ✏️ 전략 패턴 전략 패턴(Strategy pattern)은 정책 패턴(Policy Pattern)이라고도 하며, 객체의 행위를 바꾸고 싶은 경우 직접 수정하지 않고 전략이라고 부르는 캡슐화한 알고리즘을 컨텍스트 안에서 바꿔주면서 상호 교체가 가능하게 만드는 패턴입니다. 이 패턴은 특정 작업을 수행하기 위한 다양한 알고리즘을 준비하고 필요에 따라 선택적으로 교체하는 데 유용합니다. 주로 알고리즘을 동적으로 선택하고 변경해야 할 때 활용됩니다. 💻 자바스크립트의 전략 패턴 class ConcreteStrategyA { doSomething() { console.log('StrategyA'); } } class ConcreteStrategyB { doSomething() { console.log('Strat.. ComputerScience/디자인 패턴 2023. 11. 10.

• 

  팩토리 패턴 ✏️ 팩토리 패턴 팩토리 패턴(Factory Pattern)은 객체를 사용하는 코드에서 객체 생성 부분을 떼어내 추상화한 패턴이자 상속 관계에 있는 두 클래스에서 상위 클래스가 중요한 뼈대를 결정하고, 하위 클래스에서 객체 생성에 관한 구체적인 내용을 결정하는 패턴입니다. 상위 클래스와 하위 클래스가 분리되기 때문에 느슨한 결합을 가지며, 상위 클래스에서는 인스턴스 생성 방식에 대해 전혀 알 필요가 없기 때문에 더 많은 유연성을 갖게 됩니다. 그리고 객체 생성 로직이 따로 떼어져 있기 때문에 코드를 리팩토링 하더라도 한 곳만 고칠 수 있게 되니 유지 보수성이 증가됩니다. 더보기 💡 추상화 (Abstracting) 추상화는 복잡한 시스템, 모델 , 또는 실제 상황에서 중요한 부분만을 간략화하여 표현하는 과.. ComputerScience/디자인 패턴 2023. 11. 10.

• 

  싱글톤 패턴 ✏️ 싱글톤 패턴 싱글톤 패턴(Singleton Pattern)은 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴입니다. 하나의 클래스를 기반으로 여러 개의 개별적인 인스턴스를 만들 수 있지만, 그렇게 하지 않고 하나의 클래스를 기반으로 단 하나의 인스턴스를 만들어 이를 기반으로 로직을 만드는 데 쓰이며, 보통 데이터베이스 연결 모듈에 많이 사용합니다. 👍 싱글톤 패턴 장점 싱글톤 패턴은 하나의 인스턴스를 만들어 놓고 해당 인스턴스를 다른 모듈들이 공유하며 사용하기 때문에 인스턴스를 생성할 때 드는 비용이 줄어드는 장점이 있습니다. 💻 자바스크립트의 싱글톤 패턴 자바스크립트에서는 리터럴 {} 또는 new Object로 객체를 생성하게 되면 다른 어떤 객체와도 같지 않기 때문에 이 자체만으로 싱글톤 패.. ComputerScience/디자인 패턴 2023. 11. 10.