![]()
AWS EC2 의 TOMCAT 404에러가 떠서 매우 당황했따. 일단 고치긴 했지만... 일단 하나하나 보자Case 1프로젝트 우클릭 → Properties → Web Project Settings의 Context root를 확인한다 보통 Context root는 기본적으로 프로젝트의 artifactId로 지정된다. 다른 프로젝트를 import할 때 항상 context root를 고쳐줘야 하는데, 이게 귀찮으면 artifactId를 원하는 것으로 정하는 것이 좋다 Case 2war파일을 만든 후, 톰캣의 경로로 이동한다.tomcat경로 → conf → server.xml을 수정한다.Host tag 안에 Context tag 문장을 넣어줄 것.... 여기서는 보통 'war만들기' 구글링하면 나오는 내용이므..
![]()
배포중 JDK 마다 버전별 Tomcat 을 깔아야한다는 사실을 깨달았다. 아파치 톰캣 버젼별 https://tomcat.apache.org/whichversion.html 현재
![]()
MySQL 설정법 AWS RDS - 데이터베이스 생성 참조 https://ap-northeast-2.console.aws.amazon.com/rds/home?region=ap-northeast-2#launch-dbinstance:;isHermesCreate=true (1) 데이터 베이스의 분리 앞서 AWS EC2를 구축했을 때 EC2 안에 데이터 베이스 MySQL을 설치하고, EC2에서 데이터베이스를 사용하였습니다. 물론 EC2의 서버에 데이터 베이스를 구축해도 당장에는 문제가 없어 보이지만, 서비스를 운영하다 보면 많은 데이터의 저장이 요구되며, 만약 EC2에 문제가 생기면 데이터 베이스에도 접근하지 못한다는 문제가 발생합니다. 그러므로 보통 기본 서버와 데이터 베이스 서버를 분리해서 관리를 해줍니다...
![]()
AWS EC2 의 NGINX NGINX 설정 # 시스템 업그레이드 sudo apt update sudo apt upgrade # nginx 설치 sudo apt-get install nginx # nginx 명령어 sudo systemctl start nginx // 시작 sudo systemctl status nginx // 스텟 sudo systemctl stop nginx // 종료 sudo systemctl restart nginx // 재시작 sudo systemctl enable nginx // 부팅시 nginx 자동 재시작 # nginx 실행 테스트 sudo nginx -t # 실행중인 프로세스 보기 ps # nginx 삭제 명령어 sudo apt-get remove nginx sudo ap..
× nginx.service - A high performance web server and a reverse proxy server Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled) Active: failed (Result: exit-code) since Fri 2023-12-22 04:53:44 UTC; 3s ago Docs: man:nginx(8) Process: 9431 ExecStartPre=/usr/sbin/nginx -t -q -g daemon on; master_process on; (code=exited, status=0/SUCCESS) Process: 9432 ExecStart=/usr/..
이미 여러장 하는건 올렸으니 설명없이 react # Components function AddSkill() { const navigate = useNavigate(); const initialSkillFile: ISkillFile = { uuid: null, // 기본키(범용적으로 유일한 값을 만들어주는 값) fileTitle: "", // 제목 fileName: "", fileUrl: "", // 파일 다운로드 URL }; const [skillFile, setSkillFile] = useState(initialSkillFile); // todo: 현재 선택한 파일을 저장할 배열변수 const [selectedFiles, setSelectedFiles] = useState(); // todo : 함수 ..
![]()
이전편 https://tinylittlelife.tistory.com/290 이번엔 Springboot 에서 파일 객체들을 어떻게 받을 지 봅시다. appication.properties # TODO : file upload size spring.servlet.multipart.max-file-size=10MB spring.servlet.multipart.max-request-size=10MB 우리가 multipart 객체로 파일들을 받을건데 그 size 를 지정해줄 수 있습니다. 일단 Entity 부분부터 보면 @Lob byte[] 타입으로 되어있는데 이는 Oracle SQL 기준 BLOB 타입을 의미합니다. 또한, MySQL 에서는 저는 longblob 타입을 사용합니다. # ProjectsImage..
![]()
https://velog.io/@ahsy92/JavaScript-FileList%EB%8A%94-%EB%B0%B0%EC%97%B4%EC%9D%B4-%EC%95%84%EB%8B%88%EB%8B%A4 이벤트 객체의 FileList는 배열이 아닌 file 객체를 여러개를 담고 있는 유사배열 객체(Array-like)이다. 위처럼 이벤트 핸들러에서 input엘리먼트의 .files로 FileList 배열객체를 참조할 수 있다. 그렇기 때문에 .files[0]접근이나 .length는 사용가능하나, 배열이 아니기 때문에 map, filter, foreach 등을 사용할 수 없는 것이다. 라고 하신다. 일단 나는 FileList를 사용하여 여러장을 올려볼 생각이다. 타입으로도 가능할 것 같긴 하다.. ㅋㅋ.. 일단 F..
![]()
문제점 템플릿을 사용할때 자주 발생되는 문제 문제 원인 intex.html 의 ★ js 파일이 상대경로 거나 /* eslint-desable */ 이 걸어 져있지 않음 위와 같이 상대경로일때 js 파일을 찾지 못하는 문제가 발생 따라서 절대경로로 변경 해결
# * 외부 라이브러리 타입이 없을 경우 처리 : 타입 설정 # 1) tsconfig.json 파일 - compilerOptions 속성에 아래 추가 : 프로젝트시작위치/types - 이 위치에 타입을 인식하게 하는 경로 설정 "typeRoots": ["./types", "./node_modules/@types"], // 보통 types 폴더를 만들어 타입 정의 # 2) types/외부라이브러리명/index.d.ts 파일 생성 후 아래 추가 declare module '외부라이브러리명';
![]()
이번에는 개발환경 설정 , 배포 환경설정이다 경로 .env.development 는 개발환경 .env.production 은 배포 환경이다. 좀 다른 사람들에게 보여주면 안된다 하는 파일은 여기놓고 ignore 로 git에 안올리고 있다. 안의 설정은 ★ REACT_APP 은 필수로 적어주자. # 개발 환경 : .env.develoment # springboot url REACT_APP_BASE_URL=http://localhost:8000/api # 배포 환경 : .env.production # springboot url REACT_APP_BASE_URL=http://playhost.com/api 사용했을 때다. process.env.이름 을 적어주면 불러올수 있다. import axios from '..
페이징 처리할때 쓰는 놈 # 만약 페이지 네이션을 사용하게 될시 # 4) Material Page component 업그레이드 # 과거 v4 -> v5 변경 설치 npm install @mui/material @emotion/react @emotion/styled # 4-1) 소스에서 임포트 사용법 : import Pagination from '@mui/material/Pagination'; 써보지 뭐 일단 html 부터 보자 {/* 페이징 처리 */} 뭔가 길긴 한데 대충 다른건 필요없고 count , page , onChange 만 보면된다 (다른건 그냥 예쁘게 할려고..) JavaScript import Pagination from "@mui/material/Pagination"; // TODO 공..
