분류 전체보기 113

문자열 메서드에 대해서 알아봅시다.

문자열의 길이를 알고싶을때 (length) 문자열의 길이를 찾을 때는 배열에서 처럼 length를 사용하여 문자길이를 가져올 수 있습니다. { let str ="Good morning!"; let lang = "반갑습니다!"; console.log(str.length); console.log(lang.length); } //str.length 출력:13 //lang.length 출력:6 문자열에 포함된 "공백"도 문자열의 길이에 포함 됩니다. 문자열의 문자의 위치 활용하기 charAt(), indexOf () 메서드 문자열은 여러개의 문자가 나열 되어 있으므르 배열 처럼 각 문자의 위치를 가리키는 인덱스가 있다고 가정하고, 그 위치와 관련된 주요 메서드에는 charAt()메서드와 indexOf()메서드가..

JAVASCRIPT 2023.03.29

사이트 유형을 이용해 사이트 완성 시키기

지금까지 만든 사이트유형 들을 넣어서 하나의 사이트를 만들어 보도록 하겠습니다. 📖슬라이드유형 보러가기 https://coding23213.tistory.com/43 📖이미지 유형 보러가기 https://coding23213.tistory.com/38 📖이미지/텍스트 유형 보러가기 https://coding23213.tistory.com/42 📖카드유형 보러가기 https://coding23213.tistory.com/30 📖텍스트 유형 보러가기 https://coding23213.tistory.com/47 📖푸터유형 보러가기 https://coding23213.tistory.com/52 우선 새로운 html을 만들어 사이트에 필요한 정보를 적어 줍니다. meta 태그 HTML 문서의 헤더 부분에 포함되..

CSS 2023.03.28

퀴즈 이펙트 객관식 여러문제 확인하기 슬라이드 유형

여러 문제를 한번에 보지 않고 다음 문제를 누르면 또 다른 문제가 나오게 하는 방법입니다. Quiz 객관식 여러 문제 확인하기 슬라이드 유형 1 2 3 4 5 6 맞힌갯수? 정답입니다! 틀렸습니다! 다음 문제 점수 확인하기 ghkddn132@naver.com //문제 정보 const quizInfo = [ { infoType: "정보처리 기능사", infoTime: "2008년 1회", infoNumber: "20080101", infoQuestion: "101101(2)의 2의 보수는 얼마인가?", infoChoice: ["110111(2)","110001(2)","111000(2)","010011(2)"], infoAnswer: "010011(2)", infoDesc: "2의 보수로 바로 바꾸는 방법..

JAVASCRIPT 2023.03.27

자바스크립트 문제풀이 4 재시험 풀이

1. 다음 결괏값이 -1인 것의 합을 구하시오. { 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("refercence", 0); str.indexOf("refercence", 11); ..

문제풀이 2023.03.26

퀴즈 이펙트 객관식 여러문제 확인하기 유형

여러 문제 확인하기 유형에 대해 알아 봅시다 Quiz 객관식 여러 문제 확인하기 유형 1 2 3 4 5 6 ghkddn132@naver.com 이제는 body에 직접 html에 적는게 아닌 문제를 push()를 이용해 html을 넣어 줄거기 때문에 body부분은 다 주석처리를 해주었습니다. 우선 quiz__wrap에 html에 적었던 문자열을 넣어주기 위해 quiz__wrap의 선택자를 만들어 줍니다. 그후 익명함수 updateQuiz를 실행시킨후 그안에 상수를 만들어 exam에 배열안에 객체를 저장한 quizinfo를 넣은 quizWrap을 반복하기 위해 forEach문을 사용하였고 push를 와 (`) 키를 이용해 html에 주석으로 표시한 곳을 복사해 가져와 배열안에 객체인 quizinfo를 넣어야..

JAVASCRIPT 2023.03.25

자바스크립트 문제 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가 실행되었습니다."); _______(); } callback(func); //함수1가 실행되었습니다. /..

문제풀이 2023.03.24

검색 이펙트에 대해서 알아 봅시다.

1 2 3 4 5 6 자바스크립트 CSS 속성 검색하기 indexOf() / search() 검색하기 CSS 속성 갯수 : 0개 align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : 애니메이션 지연 시간을 설정합니다. animation-direction : 애니메이션 움직임 방향을 설정합니다. animation-duration : 애니메이션 움직임 시간을 설정합니다. a..

JAVASCRIPT 2023.03.23

css를 이용해 푸터 유형 사이트 만들기

Figma를 이용해 틀을 만들어 준후 작업을합니다. 우선 body부분에 html을 해주도록 합니다. 그후 style로 가서 만들어 주도록 합니다. 푸터 쿠키 사이트 사이트 소개 정보 확인하기 사이트 도움 주기 쿠키 정보 공유 쿠키 사이트 사이트 소개 정보 확인하기 사이트 도움 주기 쿠키 정보 공유 쿠키 같이 만들기 내 근처 쿠키 모임 제과 학원 알아보기 영상을 통해 만들기 쿠키 나눔 하기 쿠키 주의점 자주 하는 실수 반죽 하는법 오븐 온도 확인하기 재료 확인하기 쿠키의 종류 사진 보기 만들어 보기 쿠키 정보 공유 쿠키 먹어본 후기 고객 문의 1:1 문의 자주 물어보는 질문 광고 문의 정보 수정 요청 2023 쿠키관련 사이트 Portfolio is Power All Right Reserved 푸터 유형01..

CSS 2023.03.22