React - <img/> 이미지 못불러올때 대처 / img onError / 대체이미지 / 엑스박스 숨기기 1. 대체이미지 (e.target.src = path2)} /> path의 이미지를 못불러오면 path2로 대체 2. 엑스박스 숨기기 (e.target.style.display = "none")} /> path의 이미지를 못불러오면 아무것도 안보이게 함 React 2023.09.22
React - proxy 사용하여 개발환경 cors 에러 막기 res.header("Access-Control-Allow-Origin", "*"); 지금까지 R 개발을 하면서 cors 에러를 처리하기위해 위처럼 서버에서 오리진을 모두 허용하곤 했는데, 보안상등의 이유로 설정이 불가능할때 package.json 파일에 { "name": "structapp", "version": "0.1.0", "private": true, "dependencies": { ... }, "scripts": { ... }, "devDependencies": { ... }, "proxy": "https://~~~" React 2023.04.12
React S3 이미지 / 영상 불러오기 npm i aws-sdk asw-sdk 설치해준 후 아래와 같이 이미지 / 영상을 불러오는 코드를 짜준다. awsS3.js import AWS from "aws-sdk"; const config = { aws_reg: "",// aws 지역 ex ) ap-northeast-2 aws_key: "",// aws 키 aws_sec: "",// aws 시크릿 키 }; AWS.config.update({ region: config.aws_reg, accessKeyId: config.aws_key, secretAccessKey: config.aws_sec, }); const s3 = new AWS.S3(); const getImg = async (company, store) => { async function d.. React 2023.04.04
React - React.Children.only expected to receive a single React element child. 에러해결 하나의 children을 받아야하는데 태그내에 여러개의 element가 있을때 에러가 생긴다. 하나의 태그로 감싸주면 에러가 해결된다. 에러코드 해결코드 React 2023.03.10
