ByteCraft

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

옵셔널 체이닝(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..

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

개요// 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 기반..

개요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. 기본형 (서론-본론-결론 구조)들어가기 (..