오늘은 퀴즈 유형 중 CBT 유형을 만들어보겠습니다! 자바스크립트 퀴즈 이펙트(일곱 번째) 만들기 구조 짜기 2007년 1회 정보처리기능사 기출문제 1. 객체지향 프로그램에서 데이터를 추상화하는 단위는? 클래스 메소드 상속 메시지 객체지향언어는 이다.객체지향언어는 이다.객체지향언어는 이다.객체지향언어는 이다.객체지향언어는 이다.객체지향언어는 이다. 객체지향언어 수험자 : 여다슬 전체 문제수 : 60문항 남은 문제수 : 59문항 01 1 2 3 4 59분 10초 제출하기 quiz__wrap에 cbt 유형으로 만들어 아예 새롭게 구조를 짜보겠습니다. quiz__wrap__cbt에 cbt__header, cbt__conts, cbt__aside로 크게 나눠주겠습니다. CSS는 영역에 맞춰 속성을 설정해줍니다...

자바스크립트 문자열 간단한 텍스트를 처리하기 위해서는 문자열을 자주 사용하는데 오늘은 문자열을 다루는 방법에 대해 살펴보겠습니다! ❣️문자열에 접근하기 원시 유형과 객체 let str = "hello" str.length //s 자바스크립트에서 number와 boolean, string 유형은 별도로 프로토타입 객체가 만들어져 있습니다. 즉, 숫자는 Number 객체, 문자열은 String 객체라는 식으로 만들어졌는데, 이런 객체를 래퍼객체라고 부릅니다. number나 boolean, string과 같은 원시 유형에서 프로퍼티나 메서드를 사용하면 일시적으로 원시 유형을 해당 객체로 변환합니다. 그리고 프로퍼티나 메서드의 사용이 끝나면 해당 객체는 메모리에서 사라져버립니다. 필요할 때만 임시로 객체로 바꿔..

이번엔 객관식 문제 중 슬라이드 유형으로 작업해보겠습니다! 자바스크립트 퀴즈 이펙트(여섯 번째) 만들기 영역 지정해주기 ⭕정답⭕ ❌오답❌ 다음 문제 ??점 ?개 yds43557340@gmail.com 퀴즈 이펙트 5번의 구조를 거의 참고했습니다. 다른 점은 desc 밑에 quiz__info(점수)와 quiz__check(맞힌 갯수)를 만들어주겠습니다. 그리고 문제 밑에 총 몇 문제 남았는 지를 알려주기 위해 quiz__question 밑에 h4를 넣어줍니다. 문제 정보 만들기 // 문제 정보 const quizInfo = [ { infoType: "정보처리 기능사", infoTime: "2007년 1회", infoNumber: "20070101", infoQuestion: "8bit를 1word로 이용하..

오늘은 퀴즈 이펙트 다섯 번째를 작업해보겠습니다! 네 번째에서는 객관식 유형을 다뤘다면, 이번에는 여러 개의 객관식 유형을 해보겠습니다! 자바스크립트 퀴즈 이펙트(다섯 번째) 만들기 영역 지정해주기 정답입니다! 틀렸습니다! 정답 확인하기 yds43557340@gmail.com 네 번째 유형과 동일한 구조로 가져왔습니다. label을 만들어 choice 즉, 보기를 4개 만듭니다. 문제 정보 만들기 안에 들어가는 문제 정보를 입력해주겠습니다. 이번에 정보처리 기능사 기출 60문제를 내보겠습니다. const quizInfo = [ { infoType: "정보처리 기능사", infoTime: "2007년 1회", infoNumber: "20070101", infoQuestion: "8bit를 1word로 이용..

안녕하세요, 오늘은 검색했을 때 찾아주는 효과를 만들어보겠습니다! 검색 이펙트 검색 이펙트(Search Effects)는 실험 연구에서 실험 조건과는 무관하게 참여자들이 그룹 간에 서로 다른 검색 결과를 보게 되어 실험 결과에 영향을 미치는 현상입니다. 예를 들어, 특정 제품이나 서비스를 검색할 때, 검색 엔진에서 제공하는 결과는 검색어, 검색 기록, 지역, 사용자의 이전 검색 등에 따라 차이가 발생할 수 있습니다. 이러한 검색 이펙트로 인해 참여자들은 서로 다른 정보를 받아들이게 되어 실험 결과에 영향을 미칠 수 있습니다. 검색 이펙트를 최소화하기 위해서는 참여자들에게 동일한 검색어와 동일한 검색 엔진을 사용하도록 지시할 수 있습니다. 또는 실험 조건이 검색 이펙트에 민감하다면, 이를 고려하여 실험 설..

안녕하세요~ 오늘은 마우스 효과를 만들어보겠습니다! 첫 번째는 마우스 커서에 애니메이션 효과를 주어 마우스를 따라다니는 기본 효과를 주었는데, 이번엔 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..

안녕하세요~ 오늘은 마우스 효과를 만들어보겠습니다! 첫 번째는 마우스 커서에 애니메이션 효과를 주어 마우스를 따라다니는 기본 효과를 주었고, 두 번째는 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 이번엔 배경이 어두웠다가 마..

안녕하세요 오늘은 마우스 효과를 만들어보겠습니당 ! 새로운 메서드와 속성들이 나왔으니 꼼꼼하게 정리해볼게요~ 자바스크립트 마우스 이펙트(첫 번째) 만들기 css 세팅해주기 reset.css 설정 @import url('https://webfontworld.github.io/pretendard/Pretendard.css'); @import url('https://webfontworld.github.io/goodchoice/Jalnan.css'); @import url('https://webfontworld.github.io/sunn/SUIT.css'); @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); @import url('ht..