[Git hub]깃허브로 웹페이지 만들기(4) - Modal 팝업창

 

하단에 아이콘을 하나 더 달았다.

맨 왼쪽 아이콘을 누르면 팝업창이 뜨도록 modal을 만들고 싶었다.

new93helloworld.tistory.com/135

[Web] modal pop-up 만들기

위 사이트를 참고하긴 했는데 그냥 내가 만들고 싶은 기능을 가진 템플릿에서 따오니까 더 쉬웠다.

사실 뭐가 뭔지 모르겠고 하나씩 읽어가면서 하는데 눈 빠지고 머리 터지는줄 알았다...ㅜㅜ

 

일단 결과는 나옴. 아이콘을 누르면 아래처럼 팝업창이 뜬다.

흡-족.

커버사진을 넣었는데 중간을 클릭해야 내용을 볼 수 있다.

 

클릭하면

나의 진로탐색 포트폴리오가 담겨있다.

직업심리학 수업에서 만든건데 나의 성향을 분석하고 진로와 꿈에 가치관이 잘 담겨있어서 조금 수정한 후에 넣었다.

클릭 한 후 스크롤바가 생기고 아래 하단에 기존페이지로 다시 돌아가는 버튼이 생긴다.

 

github.com/hadan-HwH/hadan-HwH.github.io

hadan-HwH/hadan-HwH.github.io

뿌듯한데 이거 만드는데 시간이 너무 많이 소요되었다.

뭐,, 그래도 뿌듯하다.

하나하나 만들어가는 재미가 있는듯.