문제 및 해결

• 1. 한 페이지에 Swiper 2개가 들어가는 문제

    서브페이지를 작업하면서 한 페이지에 Swiper가 2개가 들어가는 경우가 있었습니다.

    이런 경우는 처음 경험해봐서 어떻게 적용해야할 지 고민이 많았는데 html 구조에서 각각의 Swiper영역에 클래스명을 따로 부여해주었더니 정상적으로 작동 되었습니다.

• 2. 메인페이지 사진 뒤 선 스크롤 이벤트

    메인페이지 중 사진 뒤에 선이 스크롤 될때 서서히 내려오도록 구현해야 하는 부분이 있었습니다. 처음에는 css 속성인 after와 before를 사용하여 aos 라이브러리를 적용시키려 했지만 원하는 대로 적용되지 않았습니다.

    그래서 after와 before가 아닌 span 속성으로 선을 만든 후 position으로 위치를 조정하고 aos 라이브러리를 적용시켜 스크롤 될때 선이 함께 내려오도록 구현하였습니다.

• 3. 모니터 사이즈별 텍스트 사이즈 문제

    이번에 만든 웹사이트가 반응형은 아니였지만 1400px ~ 1920px 까지는 문제없이 보일 수 있도록 하고 싶었습니다.

    폰트 사이즈로 rem이나 px을 줬을 경우에는 창의 크기가 줄어들때 텍스트가 넘치는 현상이 발생하여 px을 vw값으로 변환하여 적용하였습니다.