🧭 객체지향 방법론 (Object-Oriented Methodology, 對象指向方法論)**객체지향 방법론(對象指向方法論)**이란현실 세계를 구성하는 사물이나 개념을 객체(Object) 로 모델링하고,이 객체들 간의 관계와 상호작용을 중심으로 시스템을 설계·구현하는 소프트웨어 개발 방법론이다.즉,“프로그램을 함수나 절차 중심이 아닌, 객체 중심으로 바라보는 사고 방식이자 설계 방법”이다.1. 개념 설명전통적인 절차지향(Procedural) 방법론은프로그램을 **‘어떤 일을 순서대로 처리할 것인가’**에 초점을 맞췄다.반면, 객체지향 방법론은“누가 그 일을 할 것인가(=객체)”에 초점을 맞춘다.즉, 객체지향은**‘현실 세계의 개체(實體)를 소프트웨어 속 객체로 추상화하여 모델링한다’**는 철학이다.각 객..

🧭 커뮤니케이션 다이어그램 (Communication Diagram, 通信圖)**커뮤니케이션 다이어그램(通信圖)**은시스템 내의 객체(Object) 들이 서로 메시지(Message) 를 주고받으며어떻게 협력(協力) 하는지를 표현하는 UML 행위 다이어그램이다.즉, “누가 누구와 어떤 메시지를 주고받으며 상호작용하는가”를객체 간의 연결 관계 중심으로 시각화한 모델이다.1. 개념 설명커뮤니케이션 다이어그램은객체 간의 메시지 흐름(Flow) 을 표현한다는 점에서순차 다이어그램(Sequence Diagram) 과 매우 유사하다.하지만 초점이 다르다.순차 다이어그램이 시간의 흐름(Time Order) 에 집중한다면,커뮤니케이션 다이어그램은 객체 간의 구조적 연결(Structural Link) 에 집중한다.즉, ..

**순차 다이어그램(順次圖)**은 시스템 내의 객체(Object) 들이 시간의 흐름에 따라 메시지를 주고받는 과정을 시각적으로 표현한 UML 다이어그램이다.즉, “누가 누구에게 언제 어떤 메시지를 보내는가”를 시간 순서(Sequence) 에 따라 나타낸 그림이다.1. 개념 설명순차 다이어그램은 **시스템의 동작 절차(Behavior)**를 보여주는 UML의 행위 다이어그램으로,특히 유스케이스(Use Case) 에서 정의된 기능이 실제로 어떻게 실행되는지를시간 축(Time Axis) 을 따라 구체적으로 표현한다.예를 들어,“사용자가 로그인 버튼을 누르면 → 시스템이 아이디와 비밀번호를 검증하고 → 결과를 화면에 표시한다.”이 일련의 흐름을 시각적으로 보여주는 것이 순차 다이어그램이다.2. 목적시스템 내 객..

🧭 연관 클래스 (Association Class, 連關類)**연관 클래스(連關類)**란두 클래스 간의 연관 관계(Association) 에속성(Attribute) 이나 행위(Operation) 가 추가로 필요한 경우,그 관계 자체를 하나의 독립된 클래스 형태로 표현한 것을 말한다.즉, 관계(Association)에 정보를 부여해야 할 때 사용하는 클래스다.1. 개념 설명보통 클래스 다이어그램에서 “연관(Association)”은두 클래스가 서로 연결되어 있음을 의미한다.예를 들어,학생(Student) 클래스와 강의(Course) 클래스가 있을 때“학생은 강의를 수강한다”라는 관계가 있다면,이는 단순한 연관 관계로 표현된다.그런데 이 관계에 추가 정보가 필요할 수도 있다.예를 들어,“학생이 어떤 강의를..

UML 클래스 다이어그램 (Class Diagram)**클래스 다이어그램(類圖)**은시스템을 구성하는 **클래스(Class)**와 **클래스 간의 관계(Relationship)**를정적으로 표현한 UML의 구조적(Structural) 다이어그램이다.즉, “시스템이 어떤 객체(클래스)들로 구성되어 있고,이들이 서로 어떻게 연결되고 상호작용하는가”를 시각적으로 표현한 설계도다.1. 개념 설명객체지향(Object-Oriented) 설계에서 클래스 다이어그램은가장 기본적이면서도 중심이 되는 모델이다.하나의 **클래스(Class)**는속성(Attribute)과 동작(Operation, Method)을 포함하며,이를 통해 객체의 상태와 행위를 정의한다.클래스 다이어그램은 프로그램의 **설계 구조(Structure)..

유스케이스 다이어그램 (Use Case Diagram)**유스케이스 다이어그램(使用事例圖, Use Case Diagram)**은시스템이 **사용자(Actor)**와 **상호작용(Interaction)**을 통해어떤 기능(Use Case)을 수행하는지를 표현하는 UML의 행위(Behavioral) 다이어그램이다.즉, “사용자가 시스템을 어떻게 사용하는가”를 외부 시점에서 시각화한 모델이다.1. 개념 설명유스케이스 다이어그램은 시스템 내부의 구조나 코드를 표현하지 않는다.대신, 시스템이 제공해야 하는 기능과 그 기능을 사용하는 주체의 관계를 보여준다.쉽게 말하면, “시스템의 사용 설명서(Manual)를 그림으로 표현한 것”이다.예를 들어,“사용자(Actor)는 ‘로그인(Use Case)’ 기능을 수행한다.”..

🧭 UML 다이어그램 (UML Diagram)**UML(Unified Modeling Language, 통합 모델링 언어)**은소프트웨어 시스템을 **시각적으로 모델링(모형화)**하기 위해 만든 표준 언어다.즉, 복잡한 소프트웨어 구조를 그림으로 표현하여사람, 개발자, 설계자 간의 이해를 통일시키기 위한 도식 언어다.1. 개념 설명소프트웨어 개발은 코드 이전에 “구조”를 설계하는 일이다.UML은 그 구조를 그림으로 표현하기 위한 공통 언어로,객체지향(Object-Oriented) 개념을 기반으로 한다.여기서 모델링(Modeling)이란현실 세계의 복잡한 문제를 단순화하여 구조적으로 표현하는 것이다.따라서 UML은 단순한 그림이 아니라,설계도이자 의사소통 도구다 —개발자가 시스템을 설계하고, 유지보수자가..

🧭 HIPO 차트 (Hierarchy Input Process Output Chart)**HIPO 차트(히포 차트)**는‘Hierarchy Input Process Output’의 약어로,우리말로는 **입력-처리-출력 구조도(階層入出力處理圖)**라 부른다.이는 시스템의 기능을 계층적으로 구조화(Hierarchy) 하여입력(Input), 처리(Process), 출력(Output)의 흐름 관계를 시각적으로 표현한 분석·설계 도구다. 1. 개념 설명HIPO는 **구조적 분석(Structured Analysis)**과 구조적 설계(Structured Design) 과정에서시스템을 계층적으로 나누어 표현하기 위해 사용된다.쉽게 말하면,“무엇을 입력받아 → 어떻게 처리하고 → 어떤 결과를 출력하는지”를트리(Tre..

💡 AdPick 캠페인 API를 연결하며 배우는 자바스크립트의 진짜 작동원리1. 자바스크립트는 ‘한 줄씩 순서대로’ 실행된다일반적인 코드(=동기, synchronous)는 위에서 아래로 순서대로 실행돼.예를 들어:console.log("1"); console.log("2"); console.log("3");결과는 당연히 1 2 3 이게 바로 동기(synchronous) 방식이야.모든 작업이 “끝날 때까지 기다렸다가 다음 걸 한다.”하지만 인터넷 요청처럼 시간이 오래 걸리는 일은 이 방식으로 처리하면 브라우저가 멈춰버려.2. 그래서 나온 게 “비동기(asynchronous)”비동기는 “결과가 나올 때까지 기다리지 말고, 다음 일 먼저 해!” 라는 방식이야.console.log("1"); setTimeou..