반응형

코딩 공부 162

자바스크립트 문자열 접근하기

자바스크립트 문자열 자바스크립트에서는 간단한 테스트를 처리하기 위해 문자열 유형을 자주 사용합니다. 이번 글에서는 자바스크립트에서 문자열을 다루는 방법에 대해 살펴보겠습니다. 원시 유형과 객체 단순히 값만 가지고 있을 경우에는 '원시 유형'이고 프로퍼티와 메서드를 가지고 있을 때는 '객체'라고 합니다. 그런데 사실 자바스크립트에서는 원시 유형이어도 프로퍼티와 메서드를 사용할 수 있습니다. 문자열을 만들 때 다음의 소스처럼 간단히 변수에 문자열을 할당한 후 length라는 프로퍼티를 사용하면, str 변수에 length라는 프로퍼티를 정의하지 않았는데도 length라는 프로퍼티를 사용할 수 있습니다. let str = "hello" str.length // 5 자바스크립트에서는 number와 boolean..

사이트 만들기 (1)

사이트 만들기 1. 헤더(header) 영역 웹 사이트의 맨 위쪽에 위치하는 영역으로, 일반적으로 로고, 메뉴, 검색창 등이 포함됩니다. 보통 헤더 영역은 모든 페이지에서 고정되어 있으며, 사용자가 사이트를 이용하는 동안 어디에 있더라도 항상 쉽게 접근할 수 있도록 디자인됩니다. 2. 슬라이드(slider) 영역 (https://seolheeone.tistory.com/42) 웹 사이트에서 대개 이미지나 동영상 등을 보여주는 컨텐츠를 표시하는 영역입니다. 슬라이드 영역은 웹 사이트의 주요 내용을 시각적으로 강조하기 위해 자주 사용됩니다. 3. 이미지(image) 영역 (https://seolheeone.tistory.com/36) 웹 페이지에서 이미지를 보여주는 영역입니다. 이미지는 웹 페이지에서 중요한..

코딩 공부/HTML 2023.03.28

퀴즈(Quiz) 사이트를 만들어봅시다! (6)

자바스크립트 퀴즈(Quiz) 사이트 만들기 이번에 만들어 본 퀴즈 사이트는 객관식(슬라이드) 확인하기(여러문제) 유형입니다. 한번 풀어보세요! 마지막 문제까지 풀면 하단에 점수와 맞힌 개수가 나옵니다! 퀴즈 사이트 코드 Quiz 객관식(슬라이드) 확인하기(여러문제) 유형 1 2 3 4 5 5-1 6 😇정답입니다! 😈틀렸습니다! 다음 문제 ??점 💛 총 ❔개 💛 이번에 만든 사이트는 전에 만들어 본 퀴즈 사이트들과 다르게 남은 문제의 수를 보여주게 만들었습니다. 그리고 점수와 다 풀고 맞힌 개수도 보여주게 만들었습니다. script 코드 quizInfo quizInfo는 시험 문제들의 정보를 담은 배열입니다. 각 문제는 문제 유형(infoType), 시험 시기(infoTime), 문제 번호(infoNumb..

JAVASCRIPT자바스크립트 테스트 (4-1)

자바스크립트 테스트 자바스크립트 테스트 문제와 정답을 정리하고 틀린 문제는 풀이를 해보자 01. 다음의 결괏값을 작성하시오. { const str = "javascript refercence"; str.indexOf("javascript"); str.indexOf("javascripts"); str.indexOf("j"); str.indexOf("J"); str.indexOf("a"); str.indexOf("ja"); str.indexOf("jv"); str.indexOf("refercence"); str.indexOf("r"); str.indexOf("re"); str.indexOf("javascript", 0); str.indexOf("javascript", 1); str.indexOf("refer..

퀴즈(Quiz) 사이트를 만들어봅시다! (5)

자바스크립트 퀴즈(Quiz) 사이트 만들기 이번에 만들어 본 퀴즈 사이트는 4월 12일에 보는 정보처리기능사 시험 대비 연습문제입니다. 한번 풀어보시고 하단에 위치한 정답 확인 버튼을 눌러 점수를 확인하세요! 퀴즈 사이트 코드 Quiz 객관식 확인하기(여러문제) 유형 1 2 3 4 5 5-1 이번 퀴즈 사이트 코드는 전에 만들어 본 사이트 코드들에 비하면 많이 간단하죠? 그 이유는 quiz__wrap 부분을 스크립트 코드에 넣어주었기 때문입니다. script 코드 선택자 quiz__wrap 클래스를 가진 첫 번째 요소를 선택하여 변수 quizWrap에 할당하고, 초기 점수를 저장할 변수 quizScore를 0으로 초기화해주었습니다. 문제 출력 먼저 exam이라는 빈 배열을 만들고, quizInfo 배열의..

JAVASCRIPT자바스크립트 테스트 (4)

자바스크립트 테스트 오늘 본 자바스크립트 테스트 문제와 정답을 정리하고 틀린 문제는 풀이를 해보자 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)

검색 이펙트란? 검색 이펙트(Search Effect)란 검색 엔진에서 사용자가 검색어를 입력하고 결과를 검색하는 과정에서 일어나는 변화 혹은 효과를 말합니다. 검색 이펙트는 사용자와 검색 엔진 간의 상호작용으로 인해 발생합니다. 검색어의 입력 방식, 검색 결과의 정확도와 다양성, 검색 결과의 순서 등이 검색 이펙트에 영향을 미칩니다. 예를 들어, 사용자가 검색어를 입력할 때 검색어의 철자나 문법을 잘못 적는 경우, 검색 결과에 영향을 미칠 수 있습니다. 또한, 검색 결과가 정확하고 다양하면 사용자가 원하는 정보를 빠르게 찾을 수 있어 검색 이펙트가 긍정적으로 작용할 수 있습니다. 검색 엔진 최적화(SEO)는 검색 이펙트를 개선하기 위한 전략 중 하나입니다. 검색 엔진 최적화를 통해 웹사이트가 검색 결과..

푸터 유형 페이지를 만들자!

푸터 유형이란? 웹사이트의 푸터(footer)란 일반적으로 웹페이지의 가장 하단 부분에 위치한 영역을 말합니다. 푸터는 일반적으로 웹사이트의 맨 아래쪽에 있지만, 디자인에 따라 다르게 배치될 수도 있습니다. 푸터에는 다양한 정보나 링크를 제공할 수 있습니다. 일반적으로 푸터에는 다음과 같은 정보가 포함될 수 있습니다. 저작권 정보 : 사이트의 저작권 정보 및 사용 조건에 대한 정보가 포함됩니다. 연락처 정보 : 회사의 연락처 정보, 이메일 주소, 전화번호 등이 포함될 수 있습니다. 사이트 맵 : 전체 웹 사이트의 구성과 링크가 포함될 수 있습니다. 개인 정보 보호 정책 : 웹 사이트에서 수집하는 개인 정보와 관련된 정보 및 보호 조치에 대한 정보가 포함됩니다. 소셜 미디어 링크 : 회사의 소셜 미디어 계..

코딩 공부/HTML 2023.03.22
728x90
Adventure Time - BMO