일하다 모르는거 정리하는 블로그

※ 프로젝트 환경(참고) 3. Spring boot와 RDS 연동  및 jar 배포   1. Spring boot와 RDS 연동1) Spring boot 프로젝트 properties 생성  - RDS 정보 입력* 참고 : '#'으로 주석처리 가능spring.datasource.url=jdbc:mysql://{엔드포인트}:3306/{데이터베이스 이름}spring.datasource.username={유저이름}spring.datasource.password={비밀번호} - application.properties에 aws include 시키기 * 참고 application.properties 깃허브 commit 제외시키기 Github 특정 파일 History 삭제하기 및 .gitignore 적용* 요약 프로..

※ 프로젝트 환경(참고) 2. RDS 데이터베이스 생성 1. RDS 접속 후 데이터 베이스 생성 클릭 2. 데이터베이스 생성방식 선택, 엔진 옵션, 엔진 버전 선택 2. 템플릿 - 프리티어 선택(중요!!!) - 잘못 선택하면 과금발생함 3. DB 인스턴스 식별자, 마스터 사용자 이름, 비밀번호 설정 4. 인스턴스 구성 선택 5. 스토리지 설정(스토리지 자동 조정 활성화 체크 끄기 - 과금 예방차원) 6. 연결정보 1) EC2 컴퓨팅 리소스에 연결 클릭 후 앞서 생성한 인스턴스 선택하기! 2) DB 서브넷 그룹에서 기존항목 선택 체크, VPC 보안 그룹 새로 생성 체크 및 그룹 이름 생성하기 7. 데이터 베이스 인증 8. 추가 구성 후 데이터베이스 생성 클릭 9. 데이터 베이스 생성 중 10. RDS 파라..

※ 프로젝트 환경(참고) 1. AWS EC2 인스턴스 생성 1) AWS 회원가입 및 로그인 후 EC2에 접속하여, 아래 인스턴스 시작 클릭 2) 이름 설정과 애플리케이션 및 OS 이미지 선택 3) 인스턴스 유형 선택, 새 키페어 생성 선택 4) 키페어 생성 옵션 생성된 키페어.pem 파일은 추후 terminal이나 외부에서 접근시 필요하기 때문에 반드시 기억할 수 있는 곳에 저장! 5) 네트워크 설정 보안 그룹 생성 후 추후 인바운드 규칙 수정 예정 6) 인스턴스 생성 후 연결 7) 보안 인바운드 규칙 변경 - 보안그룹 클릭 - 인바운드 규칙 편집 클릭 - 하기 인바운드 규칙 참고하여 규칙 추가 및 규칙 저장 8) 키페어 권한 수정 - terminal 실행 - 다운받은 key pair 경로 이동 (명령어..

본문 설명에 들어가기 앞서 아래와 같이 현재 개발 환경을 참고하시길 바람 개발 환경 - 프레임워크 : Spring boot + JPA - 템플릿 엔진 : Thymeleaf + Bootstrap - RDBMS : MySQL -  IDE : Intellij(Back-end), Visual Studio Code(Front-end)  위에 개발환경을 설명드린 이유는 Boostrap의 Datatable을 이용하면 페이징을 포함한 다양한 기능을 사용할 수 있음.   제 경우 Bootstrap template을 사용하여 개발해오고 있는데 태그를 클릭하면 아래 세부 내용을 보여줄 수 있는 accordion을 사용하기 위해 'colspan'을 사용했음.    이후 경우 브라우저 console 창에 아래와 같이 에러가 발..

네 줄 요약 - 결재완료된 데이터를 Fullcalendar에 출력 - Ajax로 결재완료된 데이터를 Controller에 요청 및 받아옴 - Controller에서 JSONObject와 JSONArray를 이용해 데이터 처리 후 클라이언트에 전달 - 받아온 Json데이터를 events에 그대로 입력 기능 추가 배경 - 동일 부서 내 인원간 연차, 반차 스케쥴을 확인하기 위해 달력에 결재 완료된 기안문을 출력하기로 결정 Fullcalendar 코드Fullcalendar 랜더링 전에 Ajax를 이용해 DB데이터를 Controller에 요청 요청이 완료되면 가져온 데이터를 events 에 입력하면 완료! CalendarDTO 코드기존 Board domain으로 조인 쿼리문을 받아올 필드가 적절하지않아 DTO를..

두 줄 요약 - Tab을 클릭 후 fullcalendar 출력 시 문제점 발생(모든 글씨가 모여서 출력됨) - settimeout을 이용해 해결 배경 설명 - 결재 완료된 근태의 가독성을 높이기 위해 Fullcalendar를 이용하기로 결정 - Tab을 이용해 기안문 리스트와 Fullcalendar를 페이지 이동없이 출력하기로 수정 - Tab을 이용시 Fullcalendar가 이상하게 출력됨 문제점 아래 사진과 같이 Fullcalendar내 출력사항이 왼쪽 상부에 몰려서 출력됨. 하지만, 브라우저 스케일을 수정(Resizing)하면 제대로 출력됨 추론 1) Bootstrap CSS 설정과 충돌로 인한 오류일까? ► Fullcalendar에서 사용하는 id나, class 명 자체가 Boostrap CSS명..