joamashi

Firebase Hosting에서 React 앱을 배포할 때, react-router-dom을 사용 중이라면 SPA(Single Page Application)의 특성 때문에 라우팅 문제로 404 에러가 발생할 수 있습니다. Firebase는 기본적으로 URL 경로에 직접 접근하면 해당 경로에 파일을 찾으려고 하기 때문입니다. 이를 해결하려면 Firebase의 rewrites 설정을 통해 모든 요청을 React 앱의 index.html로 리다이렉트하도록 설정해야 합니다.해결 방법Firebase Hosting 설정 파일 수정 Firebase 프로젝트의 firebase.json 파일을 열어 아래와 같이 설정하세요:public 폴더는 React 앱이 빌드된 폴더(build 또는 dist)로 지정해야 합니다.r..

const response = fetch('https://jsonplaceholder.typicode.com/todos/1');// const data = response.json();console.log('0', response); const response2 = fetch('https://jsonplaceholder.typicode.com/todos/1');const data2 = response2;console.log('2', data2);fetch('https://jsonplaceholder.typicode.com/posts', { method: 'POST', body: JSON.stringify({ title: 'foo', body: 'bar', userId: 1, }..

기본 Geometries직육면체 모양을 만듭니다.속성: width, height, depth, widthSegments, heightSegments, depthSegments.2D 평면을 만듭니다.속성: width, height, widthSegments, heightSegments.원 모양을 만듭니다.속성: radius, segments, thetaStart, thetaLength.구 모양을 만듭니다.속성: radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength.원뿔 모양을 만듭니다.속성: radius, height, radialSegments, heightSegments, openEnded, thetaSta..

const REVISION = '172'; // Three.js의 현재 버전 번호// 마우스와 터치 이벤트를 처리하는 상수들const MOUSE = { LEFT: 0, // 마우스 왼쪽 버튼 MIDDLE: 1, // 마우스 휠 클릭(가운데 버튼) RIGHT: 2, // 마우스 오른쪽 버튼 ROTATE: 0, // 마우스 회전 동작 DOLLY: 1, // 줌 동작 PAN: 2 // 이동 동작}; const TOUCH = { ROTATE: 0, // 터치 회전 동작 PAN: 1, // 터치 이동 동작 DOLLY_PAN: 2, // 줌 + 이동 동작 DOLLY_ROTATE: 3 // 줌 + 회전..

자바스크립트의 reduce() 메서드는 배열의 모든 요소를 순회하며 값을 "누적(accumulate)"하여 단일 결과를 반환하는 고차 함수입니다. 기본적으로 배열을 줄여서 하나의 값으로 만든다는 개념으로 이해하면 됩니다. 이 값은 숫자, 배열, 객체 등 어떤 자료형이든 될 수 있습니다.기본 문법array.reduce(callback, initialValue)callback: 배열의 각 요소에 대해 실행할 함수.accumulator: 누적된 값.currentValue: 현재 처리 중인 배열 요소.currentIndex: (선택 사항) 현재 처리 중인 요소의 인덱스.array: (선택 사항) reduce가 호출된 배열 자체.initialValue: (선택 사항) 누적값(accumulator)의 초기값. 이 ..

소비기한은 식품의 안전한 소비를 보장하는 기준으로, 식품을 섭취해도 건강에 이상이 생기지 않을 것으로 판단되는 최종 날짜를 의미합니다. 이는 식품의 보관 조건과 제품의 성질에 따라 결정됩니다. 소비기한이 지나면 식품의 안전성이 보장되지 않기 때문에 섭취를 권장하지 않습니다.소비기한과 유통기한의 차이소비기한: 식품을 안전하게 섭취할 수 있는 마지막 날짜.유통기한: 제조업체가 판매를 목적으로 한 유통 기간으로, 소비자가 안전하게 먹을 수 있는 기간과는 차이가 있을 수 있음.소비기한 표시제2023년 1월부터 대한민국에서는 기존의 유통기한 대신 소비기한 표시제가 도입되었습니다. 이에 따라 제품 포장에 "소비기한"이 표시되며, 소비자는 이를 통해 식품의 섭취 가능 여부를 판단할 수 있습니다.소비기한을 지키는 방법..