분류 전체보기93 springboot option 403 cors 서버에 적용중 option 403 오류로 api서버 호출이 안되는 현상 발생 @Bean public WebMvcConfigurer corsConfigurer(){ return new WebMvcConfigurer() { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("http://localhost:3000") .allowedOrigins("https://www.domain.net"); } }; } allowedOrigins에 도메인 추가해주어야함 2021. 3. 17. 리액트 서버 배포시 url 환경 설정하기(.env파일) 로컬에서 개발을 하다가 서버에 배포시에는 url을 도메인에 맞게 설정을 해주어야 한다. 로컬에서 개발할때는 localhost:3000, localhost:8000으로 서버에 배포시에는 url을 api서버, 리액트서버 도메인을 직접 셋팅해주어야 한다. 이때 creact-react-app으로 프로젝트를 생성하면 .env파일을 사용하여 설정을 할수있다. 로컬 개발시에는 .env.local, 서버 배포시에는 .env.production을 이용하게끔 하는 방법이다. 먼저 package.json 파일이 있는 루트 디렉토리에 .env.local 파일과, .env.production파일을 만든다. .env.local NODE_PATH=src/ REACT_APP_API_ROOT="http://localhost:8080".. 2021. 3. 17. http로 접속시 https로 redirect하기 > cd /etc/nginx/site-available > vi default server_name _; 아래에 다음과 같이 수정함 server_name _; if ($http_x_forwarded_proto = 'http'){ return 301 https://$host$request_uri; } > sudo serveice nginx restart nginx를 재시작하고 http로 접속해서 https로 리다이렉트 되는지 확인한다. 참조: aws.amazon.com/ko/premiumsupport/knowledge-center/redirect-http-https-elb/ ELB를 사용하여 HTTPS로 HTTP 트래픽 리디렉션 Classic Load Balancer에서 HTTP와 HTTPS 리스너를 사용.. 2021. 3. 17. aws 로드밸랜서 등록후 nginx 503 Service Temporarily Unavailable 발생시 aws 로드밸랜서 등록후 나오는 503에러 해결방법 로드밸랜서의 대상그룹에 등록된 대상이 없을때 나는 오류 대상그룹에서 사용할 ec2 인스턴스를 등록한다. 참조: docs.aws.amazon.com/ko_kr/elasticloadbalancing/latest/application/load-balancer-troubleshooting.html#http-503-issues Application Load Balancer 문제 해결 - Elastic Load Balancing 이 페이지에 작업이 필요하다는 점을 알려 주셔서 감사합니다. 실망시켜 드려 죄송합니다. 잠깐 시간을 내어 설명서를 향상시킬 수 있는 방법에 대해 말씀해 주십시오. docs.aws.amazon.com 2021. 3. 17. AWS ACM, 로드밸랜서, Route53을 이용한 https 적용하기 aws https를 적용하는 방법을 알아보자 여기서는 aws에서 제공하는 Route53과 ACM에서 제공하는 인증서를 사용해서 적용하는 방법이다. 그리고 도메인은 이미 생성이 되어 있다고 가정한다. 다음순서로 진행을 한다. 1. [ACM] Certificate Manager메뉴를 클릭한다. 2. [ACM] 인증서 프로비져닝 시작하기를 클릭한다. 3. [ACM] 공인인증서 요청이 선택되어 있고 인증서요청을 클릭한다. 4. [ACM] 도메인이름을 추가한다. 5. [ACM] 검증방법을 선택한다. DNS검증상태로 두로 다음을 클릭한다. 6. [ACM] 태그를 추가한다 인증서에 맞게 값을 입력한다. 입력안해도 별문제는 없다. 7. [ACM] 정보를 확인하고 확인요청을 클릭한다. 8. [ACM] 검증 보류상태에서 .. 2021. 3. 17. 우분투 jdk11설치 우분투에 open jdk11를 설치해보자 1. jdk 설치명령어 실행 2. 설치 확인 1. jdk 설치명령어 실행 > sudo add-apt-repository ppa:openjdk-r/ppa > sudo apt-get update > sudo apt install openjdk-11-jdk 2. 설치 확인 > sudo java -version openjdk version "11.0.10" 2021-01-19 OpenJDK Runtime Environment (build 11.0.10+9-Ubuntu-0ubuntu1.18.04) OpenJDK 64-Bit Server VM (build 11.0.10+9-Ubuntu-0ubuntu1.18.04, mixed mode, sharing) 2021. 3. 17. aws 에서 https 설정후 접속이 안될때 확인사항 aws에서 https 설정시에 로드밸런스 생성후 https로 접속을 할수 있다. 이때 설정을 다 했는데도 접속이 안되는경우가 있는데 이럴경우 보안그룹이 어떤게 선택되었는지 확인해보아야 한다. 로드밸런스 생성시에 다른 보안그룹을 선택하지 않았다면 기본 보안그룹이 선택되는데 기본 보안그룹은 사용자가 인바운드포트를 설정하지 않은경우 인바운드 포트가 셋팅된게 없기 때문에 http로 접속시에 사이트에 연결할수 없음 메세지가 뜬다. 이런경우 생성된 로드밸런스에서 보안그룹 편집에 들어가서 443포트가 열린 보안그룹을 선택해주면 된다. 어떤 보안그룹에 443포트가 열린지 모를때는 보안그룹 메뉴에서 확인을 한다. 확인하는 메뉴는 네트워크 및 보안> 보안그룹 에서 보안그룹 ID를 클릭하면 인바운드 규칙에서 확인할수 있다... 2021. 3. 17. 리액트 404 Not found page 처리하기 리액트에서 404 not found를 처리하는 방버을 알아보자 1. Not found 컴포넌트를 작성한다. 2. 를 설정한다. 3. 없는 url을 호출한다. 1. Not found 컴포넌트를 작성한다. import {Container} from "react-bootstrap"; const NotFound = () => { return ( 404 not found ) } export default NotFound; 2. app.js에 를 설정한다. import {BrowserRouter as Router, Route, Switch} from "react-router-dom"; import './App.css'; import Signin from "./signin/Signin"; import Signup f.. 2021. 3. 16. 리액트 url redirect 리액트에서 url을 다른 url로 redirect 시키는 방법을 알아보자 1. react-router을 install한다. 2. useState를 사용하여 리다이렉트 변수를 선언한다. 3. 로직에서 setIsRedirect(true) 셋팅한다. 4. 컴포넌트를 이용하여 url을 redirect한다. 1. react-router을 install한다. npm install react-router 2. useState를 사용하여 리다이렉트 여부를 체크한다. const [isRedirect, setIsRedirect] = useState(false); 3. 로직에서 setIsRedirect(true) 셋팅한다. async function handleSubmit(e){ setLoading(true); await .. 2021. 3. 16. Uncaught Error: ErrorComponent(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. 리액트에서 다음과 같은 오류가 날때 Uncaught Error: ErrorComponent(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. function ErrorComponent({show,setError,message,type}){ const [close, setClose] = useState(show); useEffect(()=>{ setClose(show) },[show]) const handleClose = () => { setClose(false); setError(false); return 0; } const err.. 2021. 3. 16. 이전 1 2 3 4 5 6 7 8 ··· 10 다음
