분류 전체보기 45

(Case Study) 비디오 가게

사용자 요구사항 (User-Requirement)Acme Video Rentals(주)는 고객에게 비디오와 게임을 대여한다.대여관리자는 소장하고 있는 비디오와 게임에 대해 여러 장의 복사본을 가지고 있으며 가장 최근에 인기있는 비디오와 게임에 대해서는 항상 대여 가능하도록 노력하고 있다.고객이 비디오와 게임을 대여하려면 반드시 Video Club 회원으로 등록해야 한다.회원에는 여러가지 종류가 있으며, 현재의 회원구분으로는 Platinum, Gold, Standard가 있다.회원의 구분은 회원이 비디오와 게임을 대여할 때 할인율을 결정하게 된다.대여관리자는 회원에 대해 회원번호, 성명, 주소, 우편번호, 전화번호, 회원등급 등과 같은 정보를 관리한다.Acme Video Rentals(주)는 현 재고항목 ..

옵셔널 체이닝(Optional Chaining)

옵셔널 체이닝(Optional Chaining) 개요옵셔널 체이닝(Optional Chaining, ?.)은 객체 프로퍼티가 존재하지 않을 경우 오류 없이 안전하게 접근할 수 있도록 도와주는 문법입니다.✅ 주요 특징객체 프로퍼티가 null 또는 undefined일 경우 즉시 undefined 반환긴 체이닝에서도 안전하게 접근 가능불필요한 if 문이나 && 연산자를 줄여 코드 가독성 향상1️⃣ 기본 문법const user = { profile: { name: "Alice", },};console.log(user.profile?.name); // "Alice"console.log(user.profile?.age); // undefined (존재하지 않는 프로퍼티)console.log(user.ac..

React useEffect() 정리

개요useEffect(() => { handleLoad();}, []); 해석:useEffect 내부의 함수 () => { handleLoad(); }는 컴포넌트가 마운트될 때 실행됩니다.**의존성 배열 []**이 비어 있으므로, handleLoad()는 한 번만 실행됩니다.handleLoad()는 사용자가 정의한 함수로, 데이터를 로드하거나 초기화 작업을 수행하는 함수일 가능성이 큽니다.useEffect() 개요useEffect()는 React의 훅(Hook) 중 하나로, 컴포넌트의 라이프사이클 동안 부수 효과(side effects)를 처리할 때 사용됩니다. 1.기본 문법useEffect(() => { // 실행할 코드});→ 컴포넌트가 렌더링될 때마다 실행됨 2.의존성 배열(Dependency ..

JavaScript fetch() 정리

개요// api.jsexport async function getReviews() { const response = await fetch("https://learn.codeit.kr/5235/film-reviews"); const body = await response.json(); return body;}// App.jsconst handleLoadClick = async () => { const { reviews } = await getReviews(); setItems(reviews);}; fetch(), await을 이해 하기 위해 정리함. fetch()fetch()는 JavaScript에서 네트워크 요청을 수행하는 API로, 비동기적으로 리소스를 가져올 때 사용됩니다.Promise 기반..

arr.map() 정리

개요function ReviewList({ items, onDelete }) { return ( {items.map((item) => { return ( ); })} );}react 학습 중 items.map((item) => { 부분을 이해 하기 위해 .map()을 정리함. Array.prototype.map() 메서드JavaScript에서 배열의 각 요소를 순회하면서 주어진 콜백 함수를 적용한 결과를 새로운 배열로 반환하는 메서드입니다.원본 배열은 변경되지 않습니다. 문법const newArray = arr.map(callback(currentValue, index, array), t..

글쓰기 목차 예시

1. 기본형 목차 (단순하고 직관적인 구조)개요주요 내용 ①주요 내용 ②결론 및 요약2. 문제 해결형 목차 (독자가 문제를 해결할 수 있도록 안내)문제 정의원인 분석해결 방법실전 적용 사례결론 및 추가 팁3. 단계별 가이드형 목차 (튜토리얼, 사용법 안내에 적합)개요 및 필요성준비물 또는 사전 지식단계별 실행 방법흔한 오류 및 해결책마무리 및 추가 자료4. 비교 및 분석형 목차 (기술 비교, 제품 리뷰 등에 활용)비교 대상 소개주요 차이점 분석장단점 정리추천 대상 및 활용 사례최종 결론5. 스토리텔링형 목차 (경험 공유, 사례 중심 글에 적합)배경 이야기도전 과제 또는 시행착오해결 과정 및 학습한 점현재 상황과 앞으로의 계획"들어가기"로 시작하는 목차 예시 1. 기본형 (서론-본론-결론 구조)들어가기 (..

제 3 장 개념적 데이터 모델링

개념데이터모델링(Conceptual Data Modeling)사용자 요구사항(User Requirement)과 수집장표 목록에서 수집된 기초 자료를 통해 실체(Entity)를 찾아내고 도형과 기호를 통해 알기 쉽고 체계적으로 모형화 하는 과정 연습문제1. 다음 내용은 비디오 가게의 사용자 요구사항(User-Requirement) 입니다.내용을 읽어보시고 실체(Entity), 속성(Attribute), 관계(Relationship)을 분석하여 개념 ERD를 그려 보십시오.요구사항 정의서Acme Video Rentals(주)는 고객에게 비디오와 게임을 대여한다.대여관리자는 소장하고 있는 비디오와 게임에 대해 여러 장의 복사본을 가지고 있으며가장 최근에 인기있는 비디오와 게임에 대해서는 항상 대여 가능 하도록..

제 2 장 요구사항과 장표 분석

요구사항정의서요구사항정의서는 시스템 또는 소프트웨어 개발 프로젝트에서 사용자 및 이해관계자의 요구사항을 문서화한 공식 문서입니다. 개발 범위, 기능, 성능, 제약사항 등을 명확히 정의하여 프로젝트의 방향성을 설정하고 개발 과정에서 발생할 수 있는 오해를 방지하는 역할을 합니다. 데이터 흐름도(DFD)데이터 흐름도(DFD, Data Flow Diagram)는 시스템 내 데이터 흐름을 시각적으로 표현하는 다이어그램입니다. 프로세스, 데이터 저장소, 외부 엔터티, 데이터 흐름 간의 관계를 나타내며, 시스템의 기능적 구조를 이해하는 데 유용합니다. CRUD 매트릭스CRUD 매트릭스는 시스템 내 엔터티(Entity)와 프로세스(Process) 간의 관계를 분석하기 위한 도구입니다.각 프로세스가 데이터(테이블, 객..

제 1 장 정보 시스템과 방법론

✔ 정보시스템정보시스템(Information System, IS)은 데이터를 수집, 저장, 처리 및 전달하여 유용한 정보로 변환하는 시스템이다. 조직의 의사결정을 지원하고 업무를 효율적으로 수행할 수 있도록 돕는다.정보시스템의 유형거래처리시스템(TPS, Transaction Processing System)반복적인 업무(예: 주문, 결제, 재고 관리) 자동화경영정보시스템(MIS, Management Information System)의사결정을 지원하는 보고서 및 분석 기능 제공의사결정지원시스템(DSS, Decision Support System)복잡한 의사결정을 위한 데이터 분석 및 시뮬레이션 기능전략정보시스템(SIS, Strategic Information System)기업 경쟁력을 강화하는 전략적 정..

데이터 아키텍처 & 데이터 모델링

목차제 1 장 정보 시스템과 방법론제 2 장 요구사항과 장표 분석제 3 장 개념적 데이터 모델링제 4 장 상세 개념적 데이터 모델링제 5 장 논리적 데이터 모델링제 6 장 물리적 데이터 모델링제 7 장 테이블의 물리적 설계제 8 장 인덱스의 물리적 설계책 Review 겸 정리 메모를 해 보기로 함.Since 2025.01.29