반응형
늘 MBTI 만들어 보고 싶었는데 아이디어가 없어서 못하다가
디즈니 공주들이 다른 MBTI를 가지고 있다는 글을 보고 바로 작업에 들어갔다!
아래와 같은 디자인으로 만들었고... 최대한 간단하지만 깔끔하게!
먼저 엑셀 파일에 정리부터 시작했다
공주 리스트는 배열 안에 아래와 같이 정리했다
카카오 공유하기 기능이, 간단하게 가져다 쓸 수 있지 않을까 싶었는데 은근 어려웠다...
어설프지만 그래도 공유하기 성공
물론 결과 페이지는 공유되지 않는다
왜냐하면 새로고침 하면 처음으로 돌아가기 때문에.....
솔직히 결과 페이지는 조금 구리지만 무슨 공주인지만 확인하는 용으로 보면 재밌지 않을까 싶다~~!
아래가 내가 만든 MBTI 페이지이다
JS로만 만들었고 netlify를 이용해서 배포해봤다
반응형
디즈니 공주 테스트
jade-pavlova-0b8af6.netlify.app
반응형
'포트폴리오 및 미니프로젝트' 카테고리의 다른 글
| 학원 테마 웹사이트 제작 (0) | 2023.06.21 |
|---|---|
| [학원 웹사이트] 01. 네비게이션 바 만들기 (0) | 2023.06.04 |
| 영화 웹서비스 만들기 (1) | 2023.06.04 |
| Javascript를 이용한 타이머(스탑워치) 만들기 (0) | 2022.01.23 |