Spring intializr(Gradle), IntelliJ, AWS EC2를 이용한 동적 웹페이지 만들기 - 10단계 이슈 사항 해결하기

포트폴리오를 만들고 계속해서 변동사항을 추가, 수정하고 있어서 관련 이슈를 해결하기로 했다. 해결한 내용은 각 카테고리에 분류해서 업데이트할 예정이다.

2021.09.27 - [Developer/JS] - [JS] 모달창 이슈 해결하기

모달창에도 스크롤바가 있고 바디에도 있어서 동시 작동하는 것을 해결했다. 그리고 모달창 밖의 영역(특정영역) 선택시 이벤트를 발생시켜 바디 스크롤 재생성을 할 수 있도록 처리했다.

2021.09.29 - [Developer/JS] - [JS] owl carousel 문제 해결하기

서로 다른 모달창임에도 불구하고 item 태그의 active 클래스 이동이 저장되어 다른 모달창에 있는 carousel에도 영향을 미쳤다. 그래서 owl carousel의 API를 이용해서 carousel의 starting point를 첫 이미지로 지정했다. 그리고 마우스휠 문제도 있었는데 jquery를 이용해서 적용안되는 부분임을 알고 코드를 수정했다.

2021.09.30 - [Developer/Web] - [AWS] ALB 변경된 GUI로 만들기

AWS 인스턴스 리전을 사용자가 많을 것으로 생각되는 리전으로 해야하는데 처음에 AWS 설치만 생각하고, 리전을 고려하지 못했었다. 이번 기회에 인스턴스를 서울 리전으로 이동했다. 이전에는 오하이오 리전으로 되어 있어 배포를 할 때마다 이상하게 페이지가 뜨지 않는 경우가 있어서 불편했기 때문이다.