[Project] myPage - Wave 테마 추가

박우현·2020년 12월 23일
0
post-thumbnail

➕ Wave 테마 추가

배경은 파랑색으로, 나머지는 연회색으로 변하는 Wave 테마를 추가

✔ 구현방법

각각의 html 파일 뒤에 -night을 붙여서 새로운 -night에 맞는 html 파일 생성
-> 기존 css 파일을 복사해 style-night.css를 생성 후 night에 알맞은 배경 및 폰트색으로 변경
-> JS의 함수와 setAttribute을 사용해 테마를 바꿀때마다 html속 링크들을 교체

✔ 한계점

각각의 html 파일을 모두 복사하였으므로 웹페이지의 크기가 2배가 되는 매우 비효율적인 방법

✔ 개선방안

나머지 페이지에서도 테마가 적용되어 있도록 바꾸는 방법을 찾아보니, 서버를 활용해 변수의 값을 보내고 받는 식으로 구현한다는 것 같았다. 서버를 배움으로써 비효율성을 개선할 수 있을 것.

0개의 댓글