코딩

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

See the Pen Untitled by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen.

배너 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정하기 CSS리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? /* reset */ * { margin: 0; padding: 0; } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img { vertical-align: top; width: 100%; } .blind { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; ..

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

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가 실행되었습니..

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

푸터 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정하기 CSS리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 푸터 섹션 구성해주기 푸터 향수 사이트 소개하기 향수 이미지 향수 지속시간 나만의 향수 커스텀 방법 향수 공방 지역별 공방 서울 지역 경기도 지역 강원도 지역 제주도 지역 향료의 이미지 꽃 시트러스 우디 비누 코튼 조향 TIP 조향 비율 어울리는 이미지 계절별 추천 분위기별 추천 오브제 공병 디자인 라벨 디자인 선물 포장 이용 정보 개인 정보 예약 문의 상담 문의 배송 문의 2023 여다슬 향수 사이트 Portfolio is Powe..