TIL-7 자기소개 페이지 Review

HTML, CSS을 이용해서 내 페이지를 만들어봤다.(90% 완성)
그래서 오늘 TIL은 페이지 리뷰를 해보겠다.

유튜브, velog, 구글 각종의 사이트를 보았지만
막상 코드를 작성하려니 어디서부터 시작해야 할지 몰라 아이패드로 대충 구조과 디자인, 색상 등을 구상해보았다.(HTML은 계획대로 했지만 디자인을 수정하고 또 수정 또 수정😫)

구상할 때 우선순위는 가독성과 깔끔? 을 기반하여 페이지를 만들고 싶었다. 페이지를 만들면서 심심하다고 생각이 들면 애플공홈,넥슨게임홈페이지등 사이트를 돌아다니며 어떻게 디자인했나 들어가서 아이디어를 얻었다.

<style>
.container .photo .jeju_1 {
  background-image: url(사진/음식1.jpeg);
}

.container .photo .jeju_1 :hover {
  opacity: 0;
  transition: all 0.4s;
}
</style>

사진 3장이 너무 심심해서 음식 사진도 넣고 싶은데 어떤 방식으로 추가할까 하다가 생각은 났는데 어떻게 구현하지? 하다가 음식 사진을 background-image로 주고 hover 했을 때 원래 있던 나의 사진을 opacity: 0; 로 투명도를 100% 줘서 음식 사진만 남게 디자인을 해봤다.
구현했을 때는 좋았지만 너무 비효율적이라고 생각되는 부분이다.

백그라운드 출처 https://coolbackgrounds.io/
심플한 백그라운드 사진이 많아서 좋았다.

자기소개 페이지 https://ssxst31.github.io/