퀴즈 이펙트(다섯 번째)를 만들어봅시다!
·
코딩/JAVASCRIPT
오늘은 퀴즈 이펙트 다섯 번째를 작업해보겠습니다! 네 번째에서는 객관식 유형을 다뤘다면, 이번에는 여러 개의 객관식 유형을 해보겠습니다! 자바스크립트 퀴즈 이펙트(다섯 번째) 만들기 영역 지정해주기 정답입니다! 틀렸습니다! 정답 확인하기 yds43557340@gmail.com 네 번째 유형과 동일한 구조로 가져왔습니다. label을 만들어 choice 즉, 보기를 4개 만듭니다. 문제 정보 만들기 안에 들어가는 문제 정보를 입력해주겠습니다. 이번에 정보처리 기능사 기출 60문제를 내보겠습니다. const quizInfo = [ { infoType: "정보처리 기능사", infoTime: "2007년 1회", infoNumber: "20070101", infoQuestion: "8bit를 1word로 이용..
CSS로 애니메이션 효과를 만들어봅시다!
·
코딩/애니메이션
See the Pen Untitled by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen.
자바스크립트 오답 노트!
·
코딩/오답노트,마무리 문제
01. 결괏값을 작성하시오. { const str = "javascript"; const text = str.indexOf("a"); const text2 = str.lastIndexOf("a"); const text3 = str.includes("a"); console.log(text); console.log(text2); console.log(text3); } 💎정답💎 1 3 true 02. 다음의 결괏값을 보고 빈칸을 채우시오. { function func(){ document.write("함수2가 실행되었습니다."); } function callback(str){ document.write("함수1가 실행되었습니다."); _______(); } callback(func); //함수1가 실행되었습니..
검색 효과(첫 번째)를 만들어봅시다~!!
·
코딩/JAVASCRIPT
안녕하세요, 오늘은 검색했을 때 찾아주는 효과를 만들어보겠습니다! 검색 이펙트 검색 이펙트(Search Effects)는 실험 연구에서 실험 조건과는 무관하게 참여자들이 그룹 간에 서로 다른 검색 결과를 보게 되어 실험 결과에 영향을 미치는 현상입니다. 예를 들어, 특정 제품이나 서비스를 검색할 때, 검색 엔진에서 제공하는 결과는 검색어, 검색 기록, 지역, 사용자의 이전 검색 등에 따라 차이가 발생할 수 있습니다. 이러한 검색 이펙트로 인해 참여자들은 서로 다른 정보를 받아들이게 되어 실험 결과에 영향을 미칠 수 있습니다. 검색 이펙트를 최소화하기 위해서는 참여자들에게 동일한 검색어와 동일한 검색 엔진을 사용하도록 지시할 수 있습니다. 또는 실험 조건이 검색 이펙트에 민감하다면, 이를 고려하여 실험 설..
푸터 유형의 페이지를 만들어봅시다~!!
·
코딩/웹페이지
푸터 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정하기 CSS리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 푸터 섹션 구성해주기 푸터 향수 사이트 소개하기 향수 이미지 향수 지속시간 나만의 향수 커스텀 방법 향수 공방 지역별 공방 서울 지역 경기도 지역 강원도 지역 제주도 지역 향료의 이미지 꽃 시트러스 우디 비누 코튼 조향 TIP 조향 비율 어울리는 이미지 계절별 추천 분위기별 추천 오브제 공병 디자인 라벨 디자인 선물 포장 이용 정보 개인 정보 예약 문의 상담 문의 배송 문의 2023 여다슬 향수 사이트 Portfolio is Powe..
마우스 이펙트(두 번째)를 만들어봅시다!
·
코딩/JAVASCRIPT
안녕하세요~ 오늘은 마우스 효과를 만들어보겠습니다! 첫 번째는 마우스 커서에 애니메이션 효과를 주어 마우스를 따라다니는 기본 효과를 주었는데, 이번엔 gsap를 활용해 마우스를 따라다니는 효과를 줘보겠습니당. 자바스크립트 마우스 이펙트(두 번째) 만들기 기본 CSS (reset.css와 mouse.css)설정은 전에 썼던 게시글을 참고해주세요! 구조 짜기 Javascript Mouse Effect02 마우스 이펙트 1 2 3 4 5 6 The supreme happiness in life is the conviction that we are loved. 인생에서 최고의 행복은 사랑받고 있다는 확신을 갖고 있을 때이다. dsy1943@naver.com 완성된 페이지와 코드 https://github.com..
3D 애니메이션 효과를 만들어봅시다!
·
코딩/애니메이션
마우스 이펙트(세 번째)를 만들어봅시다!
·
코딩/JAVASCRIPT
안녕하세요~ 오늘은 마우스 효과를 만들어보겠습니다! 첫 번째는 마우스 커서에 애니메이션 효과를 주어 마우스를 따라다니는 기본 효과를 주었고, 두 번째는 gsap를 활용해 마우스를 따라다니는 효과를 주었습니다. 세 번째 효과에서는 마우스를 따라다니는 "조명"효과를 나타내볼게요! 자바스크립트 마우스 이펙트(세 번째) 만들기 기본 CSS (reset.css와 mouse.css)설정은 전에 썼던 게시글을 참고해주세요! 구조 짜기 Javascript Mouse Effect03 마우스 이펙트 1 2 3 4 5 6 Life is either a daring adventure or nothing at all. 생활은 과감한 모험이거나 아니면 아무것도 아니다. dsy1943@naver.com 이번엔 배경이 어두웠다가 마..
다쭐◠‿◠
'분류 전체보기' 카테고리의 글 목록 (19 Page)