Blinking Hello Kitty Angel

반응형 3

자바스크립트 퀴즈 사이트 만들기 7-3

안녕하세요 ヾ(≧▽≦*)o 오늘은 자바스크립트 마우스 이펙트 7-2번 보충 설명을 총정리를 해보도록 하겠습니다. 이번에도 일곱번 째와 같이 정보처리기능사 60문제를 주제로 퀴즈 이펙트를 만들어 보도록 하겠습니다. 아직 완벽하게 완성하진 않았지만 열심히 한 걸 토대로 블로그를 작성해 보도록 하겠습니다 ~! ( •̀ ω •́ )✧ https://xoouxa58.tistory.com/62 : 저번 유형 바로가기 💛이번에 만든 유형은 반응형 , CBT 유형으로 OMR카드를 함께 만들어 주었습니다. 저번엔 모달창 버튼 누르면 닫히게 하는 기능, 각 문제에 대한 설명과 이미지 첨부가 필요 없을 때 안 보이게 처리해 주기, 스크립트 보기와 omr을 동시에 체크해 주기, 문제 미리 보기를 방지하기 위해 블러처리해주기,..

javascript 2023.04.05

자바스크립트 퀴즈 사이트 만들기 7-2

안녕하세요 ヾ(≧▽≦*)o 오늘은 자바스크립트 마우스 이펙트 일곱 번째 보충 설명을 총정리를 해보도록 하겠습니다. 이번에도 일곱번 째와 같이 정보처리기능사 60문제를 주제로 퀴즈 이펙트를 만들어 보도록 하겠습니다. 아직 완벽하게 완성하진 않았지만 열심히 한 걸 토대로 블로그를 작성해 보도록 하겠습니다 ~! ( •̀ ω •́ )✧ https://xoouxa58.tistory.com/61 : 저번 유형 바로가기 💛이번에 만든 유형은 반응형 , CBT 유형으로 OMR카드를 함께 만들어 주었습니다. 💛 What i made 이번엔 모달창 버튼 누르면 닫히게 하는 기능, 각 문제에 대한 설명과 이미지 첨부가 필요 없을 때 안 보이게 처리해주기, 스크립트 보기와 omr을 동시에 체크해주기, 문제 미리보기를 방지하기..

javascript 2023.04.04

내 스타일대로 사이트 만들기

안녕하세요 ヾ(≧▽≦*)o 오늘은 그동안 내가 원하는대로 작업했던 사이트들을 한 번에 모아 반응형까지 가능하게 작업해주도록 하겠습니다. 📜 순서는 헤더, 슬라이드, 이미지, 이미지 텍스트, 카드, 배너, 텍스트, 푸터 순으로 나눠 작업하였습니다. 📌 여기서 잠깐 ! 반응형이란 ? 반응형 웹 디자인은 브라우저 창의 크기나 기기의 크기에 따라 웹 페이지의 레이아웃과 내용이 자동으로 조정되는 것을 의미합니다. CSS를 사용하여 미디어 쿼리(Media Query)를 만들고, 해당 미디어 쿼리에서 원하는 스타일을 지정하면, 브라우저가 해당 미디어 쿼리를 만족시키는 경우, 해당 스타일이 적용됩니다. 이를 통해, 브라우저 창의 크기에 따라 레이아웃이 변경되는 것을 구현할 수 있습니다. ✍🏻 what i made ✍🏻..

HTML 2023.03.28