개요 간단한 Accordion 컨테이너를 만들어주는 라이브러리. https://github.com/mooky1007/accordion GitHub - mooky1007/accordion Contribute to mooky1007/accordion development by creating an account on GitHub. github.com HTML 삽입 미리보기할 수 없는 소스 사용 방법 1. head 태그 내에 js 파일을 다운로드하거나 ghpage 링크로 스크립트 파일을 불러옵니다. 2. 아코디언 html을 생성해줍니다. 클래스명만 제대로 맞춰주면 css는 어떤 식으로 구성하던 상관없습니다. Title 1 Content 1 Title 2 Content 2 Title 3 Content 3 Ope..
[JS] 심리 테스트 페이지 만들기 - 1 [JS] 심리 테스트 페이지 만들기 - 2 [JS] 심리 테스트 페이지 만들기 - 3 위 포스트에서 만들었던 심리테스트 코드를 가지고 간단하게 SPA 심리&성격&성향 테스트 사이트를 만들어봤다. 😏 😘 심리&성향&성격 테스트 😘 심리&성향&성격 테스트 다양한 심리&성향&성격 테스트를 통해 자신의 성향을 알아보세요. mooky1007.github.io 화면 구성 귀차니스트들을 위한 10초 MBTI 포스팅에서 만들었던 테스트도 내용만 가져다가 추가했다. 😛 뭔가 이렇게 이전에 만들었던걸 여기저기 간편하게 가져다 쓸 수 있을 때, 모듈형태로 스크립트를 작성하는 것에 대한 보람을 느낀다. 폴더 트리 작업 시 고려했던 건, 단발성이 아닌 꾸준하게 테스트 데이터를 등록해서..
https://mooky1007.github.io/simon_game/ Simon Game 기억력의 한계를 시험하십시오. mooky1007.github.io [38JS] #17 사이먼 게임 만들기에서 만들었던 요런 디자인을 좀 더 개선하고, 주변인의 피드백을 받아서 UI를 좀더 개선하고 이런저런 기능을 조금 더 추가해봤다. 타이틀도 넣고.. UI도 바꾸고 진동도 넣었다. 아 이슈가 하나 있었는데 클릭시에 진동을 넣고 싶어서 navigation 객체의 viverator? 를 사용했었는데 이게 아이폰계열에서 지원이 안되서 따로 예외 처리를 해줘야 하는듯.. 이건 또 처음알았네.. 그리고 사파리쪽에선 button::active css가 적용이 안되서 이래저래 바꿨는데 문제 출제중에도 계속 오류가 있었어가지구 ..
[HTML, CSS, JS] 바닐라 자바스크립트로 MBTI 테스트 만들기(1) [HTML, CSS, JS] 바닐라 자바스크립트로 MBTI 테스트 만들기(2) [HTML, CSS, JS] 바닐라 자바스크립트로 MBTI 테스트 만들기(3) 에서 만든 10초 MBTI 테스트. 4가지의 유형에 대한 질문을 1개로 대폭 줄였다. 결과 페이지는 MBTI밈 + 팩폭 MBTI 분석글을 참조했다. 누군가의 기분을 빠르게 상하게 하고싶다면 추천! 10초 MBTI 검사 하러가기 귀차니스트들을 위한 10초 MBTI 0 질문 답변 A 답변 B mooky1007.github.io
