기록/Web (41) 썸네일형 리스트형 [bootstrap][spring] bootstrap net::ERR_ABORTED 404 해결 문제상황 bootstrap 무료 파일을 다운받아 static 폴더 아래에 넣고 실행 중에 bootstrap net::ERR_ABORTED 404 에러가 발생했다. 원인은 bootstrap 파일이 static 폴더 아래에 있는데, spring의 기본 폴더가 static으로 되어 있기 때문에 html 내 bootstrap 경로를 포함시킬 때 static을 포함시켜서 에러가 나는 경우이다. 위와 같이 static을 제거하고 static 이하부터 경로를 기재해주면 에러가 나지 않고 정상적으로 동작한다. [IntelliJ] Maven 프로젝트 war 파일 추출하기, Manifest 구성 AWS EC2 서버에 배포하기 위해서 스프링 프로젝트를 war 파일로 추출하는 방법이다. 1. [파일] - [프로젝트 구조] 클릭 2. [아티팩트] 탭에서 [+] 버튼을 눌러 "웹 애플리케이션 Archiv" 선택 3. 이름을 작성하고, 확인 버튼 클릭 * 이때 아카이브에서 파일에 대한 Manifest 파일을 찾을 수 없다는 메시지가 나올 수 있다. 이런 경우에는 다시 [+] - [JAR} - [종속성 모듈에서 선택]에서 파일을 구성해준다. 이 대화상자에서 메인클래스를 지정해주고, 확인을 누른 후 다시 위의 war파일 설정에서 만들어진 .mf파일을 지정해주면 된다. 4. war 파일을 추출한다. [실행] - [구성 편집] 버튼을 클릭한다. 5. 맨 아래로 내리면 실행 전 작업을 지정해줄 수 있는데, 여기서.. [AWS][EC2] ec2 SSL certificate problem : certificate has expired 프로젝트를 진행하고 백엔드 스프링 프로젝트를 EC2에 배포하는 과정에서 git clone을 했더니 ec2 SSL certificate problem : certificate has expired 라는 오류가 발생했다. 기본적으로 SSL에서 신뢰 가능한 상태라고 생각하도록 환경변수 자체를 변경하는 방법도 있지만 너무 위험한 방법이라고 생각했다. https://aws.amazon.com/ko/premiumsupport/knowledge-center/ec2-expired-certificate/ EC2 인스턴스에서 만료된 Let's Encrypt 인증서 수정 Internet Explorer에 대한 AWS 지원이 07/31/2022에 종료됩니다. 지원되는 브라우저는 Chrome, Firefox, Edge 및 Sa.. [Spring Security] @AuthenticationPrincipal과 ArgumentResolver 스프링 시큐리티를 구현하며 가장 어려웠던 점은 커스텀한 객체를 사용하여 메소드도 그에 맞게 변환하는 과정이었다. 기존 컨트롤러에서 인증된 객체를 가져오는 메소드로 다음과 같은 방식을 사용했다. 매번 객체를 꺼내줘야하고, 컨트롤러가 지저분해보이기도 하다. 그래서 아예 핸들러 파라미터에서 @AuthenticationPrincipal 어노테이션을 사용하여 로그인 객체를 받아오도록 구현했다. 문제 1. 리턴된 객체의 null @AuthenticationPrincipal 어노테이션은 UserDetailService에서 return하는 객체를 받아와 사용한다. return된 객체를 로그로 출력했을 때 객체 타입도 나오지 않고 null이 반환되는 결과를 얻었다. 찾아보니 Spring boot 2.4.5 버전 또는 그.. [React] Can't resolve 'redux-pender' in route redux-pender 모듈이 제대로 설치되어 있지 않아 발생하는 오류이다. 디렉토리의 루트에서 yarn add redux-pender 명령어를 주어 해결 가능하다. redux-pender module 프로미스 기반 액션들을 관리하기 위한 미들웨어와 도구가 포함된 라이브러리다. 상태 관리의 로직을 컴포넌트 밖에서 처리하는 동작을 수행한다. 비동기 작업을 수행할 때 유리하며, 가장 기본적으로 많이 사용되는 미들웨어 라이브러리다. [Spring][Security] 스프링 시큐리티란? https://docs.spring.io/spring-security/site/docs/4.2.7.RELEASE/reference/htmlsingle/#what-is-acegi-security Spring Security Reference The authenticator is also responsible for retrieving any required user attributes. This is because the permissions on the attributes may depend on the type of authentication being used. For example, if binding as the user, it may be necessary to read them docs.spr.. [Spring][React] CORS Access-Control-Allow-Origin 스프링과 리액트를 사용하여 진행할 때 발생한 문제이다. 스프링의 Rest API를 사용하다 보면 실제 실행 시 에러가 발생한다. 이는 스프링과 리액트의 포트, 호스트, 프로토콜이 같아야 Same-Origin-Policy 정책을 만족시키는데 실제로 다르기 때문에 서버에서 CORS를 이용한다. 나는 Config 파일을 직접 작성했다. Spring src/main/java/[폴더명]/WebConfig.java 통신하려는 react의 포트 번호를 작성한다. @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addM.. [React] 프로젝트 실행 프로젝트 생성 npm install -g create-react-app [프로젝트명] 프로젝트 실행 터미널에서 프로젝트 위치로 이동 npm start 이전 1 2 3 4 ··· 6 다음
