모던 자바스크립트 딥다이브 9장 - 타입 변환과 단축 평가

1. 타입 변환이란?자바스크립트의 모든 값은 타입이 있고, 타입은 다른 타입으로 변환할 수 있다. 이때, 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 & 타입 캐스팅이라 한다. 하지만 개발자의 의도와 상관 없이 암묵적으로 타입이 변환되는 것을 암묵적 타입 변환 & 타입 강제 변환이라 한다. 그런데 이런 명시적 타입 변환, 암묵적 타입 변환이 기존 원시 갑을 직접 변경하는 것은 아니다. 원시 값은 변경 불가능한 값이므로 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다.2. 암묵적 타입 변환자바스크립트는 가급적 에러를 발생시키지 않도록 암묵적 타입 변환을 통해 표현식을 평가하고,암묵적 타입 변환이 발생하면 문자열, 숫자, 불리언과 같은 원시 타입 중 하나로 타입을 자동 변..

• format_list_bulleted JS
• · 2025. 2. 14.
• textsms

인터페이스 설계

📌 1. 인터페이스 개념💡 인터페이스란?서로 다른 시스템 또는 사용자 간 정보를 주고받는 물리적·논리적 매개체📌 종류: 🖥 시스템 인터페이스 vs 🎮 사용자 인터페이스🔍 2. 시스템 인터페이스 요구사항🌐 네트워크를 통해 시스템 간 접속 및 업무 수행 ✅ 요구사항 구분🛠 기능적 요구사항: 시스템 연계를 통한 기능, 입출력 속성 등🔒 비기능적 요구사항: 성능, 신뢰도, 안정성 등🔎 3. 시스템 인터페이스 분석 절차📊 요구사항 분석 과정 1️⃣ ⚖️ 기능적 / 비기능적 요구사항 구분2️⃣ 🧩 분석 기법 활용 (분류, 개념 모델링, 할당 등)3️⃣ 🗂 계층화 및 우선순위 부여4️⃣ 📄 문서화하여 관계자 공유🏗 4. 연계 시스템 구성📤 송신 시스템: 데이터를 생성해 전송📥 수신 시스..

• format_list_bulleted 정처기
• · 2025. 2. 13.
• textsms

동기(Synchronous)와 비동기(Asynchronous)의 차이와 활용

동기(Synchronous)와 비동기(Asynchronous)의 차이와 활용프론트엔드 개발에서 성능 최적화와 사용자 경험을 향상시키려면 동기(Synchronous)와 비동기(Asynchronous)의 개념을 정확히 이해하는 것이 중요합니다. 이 글에서는 두 개념의 차이점, 장단점, 그리고 실제 프론트엔드 개발에서의 활용 사례를 살펴보겠습니다.🔹 동기(Synchronous)란?동기 방식은 작업이 순차적으로 실행됩니다.즉, 앞의 작업이 끝나야 다음 작업이 실행됩니다.​✅ 동기 방식의 특징한 번에 하나의 작업만 수행코드가 위에서 아래로 순차적으로 실행실행 순서가 예측 가능응답 시간이 느려질 수 있음​✅ 동기 방식 예제 (JavaScript)console.log("A 작업 시작");for (let i = 0;..

• format_list_bulleted 개발
• · 2025. 2. 12.
• textsms

시스템 연동 설계

1️⃣ 시스템 코드 설계✅ 코드(Code)란?데이터를 목적에 따라 분류하고 쉽게 식별할 수 있도록 만든 숫자 또는 문자 체계​코드의 역할 식별 → 각 데이터의 성격 구분분류 → 특정 기준으로 그룹화배열 → 의미를 부여하여 정렬기타 기능 → 표준화, 간소화, 연상, 암호화, 오류 검출​✅ 코드 유형코드 유형설명예시순차(Sequence) 코드순서대로 일련번호 부여001, 002, 003…블록(Block) 코드항목을 그룹으로 나눈 후, 각 블록 내에서 번호 부여경재(01) → 01-01, 01-02…10진(Decimal) 코드10개의 항목까지 구분 가능 (도서 분류식 코드)경제(100), 컴퓨터(200)그룹 분류 코드대분류-중분류-소분류 형태G102 (10대 골드 회원)연상(Mnemonic) 코드의미를 쉽게 ..

• format_list_bulleted 정처기
• · 2025. 2. 12.
• textsms

공통 모듈 설계

1️⃣ 소프트웨어 설계✅ 소프트웨어 설계란?요구사항 분석을 바탕으로 소프트웨어 기능을 설계하는 과정알고리즘과 데이터 구조를 설계하고 문서화​✅ 대표적인 설계 방식절차 지향 설계 (Process Oriented Design)작업 처리 절차 중심 설계컴퓨터의 처리 구조와 유사하여 속도가 빠름유지보수 어려움​2. 객체 지향 설계 (Object Oriented Design)데이터와 절차를 객체로 묶어 설계설계 난이도 높지만 유지보수 및 재사용성이 뛰어남​✅ 설계 방법론상향식(Bottom-up) 설계: 작은 단위의 모듈을 먼저 개발 후 조합하향식(Top-down) 설계: 전체적인 요구사항을 먼저 분석 후 하위 모듈 구현​✅ 소프트웨어 설계 모델데이터 설계 → 정보 분석 후 데이터 구조 변환아키텍처 설계 → 시스템..

• format_list_bulleted 정처기
• · 2025. 2. 12.
• textsms

모던 자바스크립트 딥다이브 7장 - 연산자

연산자는 하나 이상의 표현식을 대상으로 산술, 할당 등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자라 한다.​피연산자는 값으로 평가될 수 있는 표현식이어야 한다.그리고 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이어야 한다.let a = 5; // 'a'는 변수 (피연산자 역할 가능)let b = 10; // 'b'도 피연산자 역할 가능let sum = a + b; // 'a + b'는 표현식, '+'는 연산자, 'a'와 'b'는 피연산자1. 산술 연산자피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다.산술 연산이 불가능하면 NaN을 반환한다.​피연산자 개수에 따라 이항 산술 연산자, 단항 산술 연산자로 구분할 수 있다.​1-1) 이항 ..

• format_list_bulleted JS
• · 2025. 2. 12.
• textsms