Creating dynamic web pages using Spring internalizr (Gradle), IntelliJ, and AWS EC2 - Resolving issues in 10 steps

Since I created a portfolio and am constantly adding and modifying changes, I decided to resolve the related issues. The resolved content will be classified into each category and updated.

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

We solved the problem of simultaneous operation of both the modal window and the body with a scrollbar. Also, when an area outside the modal window (a specific area) is selected, an event is generated so that the body scroll can be regenerated.

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

Even though they are different modal windows, the active class movement of the item tag was saved and affected the carousel in the other modal window. So, using the owl carousel API, I specified the starting point of the carousel as the first image. There was also a mouse wheel problem, so I used jquery to modify the code after realizing that it was not applicable.

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

The AWS instance region should be a region where there are expected to be many users, but at first, I only thought about installing AWS and did not consider the region. I took this opportunity to move the instance to the Seoul region. Previously, it was in the Ohio region, so it was inconvenient because the page strangely did not appear every time it was distributed.