100S00

슬라이드 유형 슬라이드 유형이란? 슬라이드 유형은 웹사이트에서 사용되는 이미지나 콘텐츠를 일정한 간격으로 전환하여 보여주는 기능을 말합니다. 슬라이드는 일반적으로 이미지나 텍스트, 동영상 등 다양한 형태의 콘텐츠를 보여줄 수 있습니다. 슬라이드는 주로 웹사이트의 홈페이지나 특정 섹션에서 사용되며, 사용자가 더 많은 정보를 얻을 수 있도록 도와줍니다. 슬라이드는 여러 가지 방식으로 구현될 수 있으며, 자동으로 전환되거나 사용자가 버튼을 클릭하여 전환할 수도 있습니다. 슬라이드는 웹사이트 디자인에서 매우 중요한 역할을 하며, 사용자의 관심을 끌고 더 많은 정보를 제공하는 데 도움을 줍니다. 슬라이드 유형에는 여러가지가 존재합니다. 이미지 슬라이드: 대부분의 사이트에서 사용되는 슬라이드 유형입니다. 여러 장의..

이미지 텍스트 타입 사이트 만들기 혼자 만들어보기 NOTICE 나에게 맞는 인테리어 인테리어를 선택하는 것은 매우 개인적인 결정입니다. 그러나 일반적으로는 다음과 같은 단계를 거쳐 진행됩니다. 1. 스타일 결정하기: 먼저 자신이 선호하는 스타일을 결정해야 합니다. 전통적인, 현대적인, 귀여운, 거친 등 다양한 스타일이 있으며, 이 중 하나를 선택해야 합니다. 2. 공간 파악하기: 다음으로는 공간을 파악해야 합니다. 방의 크기, 형태, 창문의 위치, 문의 위치 등을 고려해야 합니다. 3. 가구 선택하기: 가구를 선택할 때는 공간과 스타일을 고려해야 합니다. 가구의 크기, 색상, 재질 등을 결정할 때도 스타일을 기반으로 선택해야 합니다. 4. 색상 선택하기: 색상은 인테리어에 매우 중요한 역할을 합니다. 색..

Quiz 주관식 확인하기 유형 1 2 3 4 . 정답입니다! 오답입니다! 정답 확인하기 . 정답입니다! 오답입니다! 정답 확인하기 . 정답입니다! 오답입니다! 정답 확인하기 esansi@naver.com // 선택자 const quizWrap = document.querySelector(".quiz__wrap") const quizTitle = quizWrap.querySelectorAll(".quiz__title") //시험종목 /시간 const quizQusetionNum = quizWrap.querySelectorAll(".quiz__question em") //문제번호 const quizQusetion = quizWrap.querySelectorAll(".quiz__question span") /..

MySQL MySQL은 오픈 소스 관계형 데이터베이스 관리 시스템(RDBMS)입니다. MySQL은 오픈 소스 관계형 데이터베이스 관리 시스템(RDBMS)입니다. MySQL은 다중 사용자, 다중 스레드 RDBMS로서, 데이터의 안정성과 보안성을 제공합니다. MySQL은 대부분의 운영 체제에서 작동하며, 웹 애플리케이션 개발, 데이터 분석, 빅 데이터, 클라우드 기반 애플리케이션 등에 많이 사용됩니다. MySQL은 SQL(Structured Query Language)을 사용하여 데이터를 관리합니다. SQL은 데이터베이스에 저장된 데이터를 조작하기 위한 표준적인 언어로서, 데이터를 검색, 삽입, 업데이트, 삭제하는데 사용됩니다. MySQL은 이러한 SQL 문을 이용하여 데이터를 쿼리하고, 데이터의 무결성을 ..

부족한 점 공부하기 forEach forEach( )문은 배열의 데이터가 있을 경우 사용합니다. forEach( )문 안에는 함수가 들어가는 콜백 함수입니다. forEach( )문은 element(값), index(인덱스), array(배열)을 불어오는 특징이 있습니다. { const num = [100, 200, 300, 400, 500]; num.forEach(function(element, index, array){ document.write(element); document.write(index); document.write(array); }); } hasOwnProperty( ) 객체에 특정 속성이 존재하는지 여부를 나타내는 불리언 값을 반환합니다. 해당 속성이 객체 자신의 속성으로 존재하면 t..

설정 해 둔 리셋 값을 스타일에 넣고 폰트도 넣는다 그후 section 박스를 만들고 class값 image wrap 을 넣어준다. 텍스트를 가운데 넣어주는 리셋 값과 폰트를 적용시키기 위해 center 와 nexon를 넣어줍니다. 그후 섹션을 제목과 부제가 들어갈 container 와 이미지가 들어갈 image inner로 나눠준다. container는 리셋 값을 사용 하고 image inner는 style에 새로운 값을 설정해준다 그리고 이미지가 들어갈 div 박스를 두개 만들어 주고 image 라고 클래스 값을 줍니다. 그후 이미지가 들어갈 박스와 텍스트가 들어갈 박스 각 각 image header ,image body 로 클래스 값을 지정해 줍니다. img src 로 image header 에 이..

01. 결괏값을 작성하시오. { if( null ){ console.log("true"); } else { console.log("false"); } } 정답: false 02. 결괏값을 작성하시오. { let num = 0; while( num 6 ){ break; } console.log(num); } } 정답: 1,2,4,5,6 해설: while문으로 0에서 부터 반복을 시작하지만 num++ 이 있기 때문에 1부터 반복을 시작한다. 반복을 시작하면서 if문의 조건인 num == 3이 맞으면 continue 이기 때문에 3을 건너뛴 후 다시 반복하여 num > 6의 조건문과 break 때문에 6에서 멈춘다 그래서 정답은 3을 건너뛰고 6에서 멈춤 12456이 정답이다. 07. 결괏값을 작성하시오. {..

Quiz 주관식 확인하기 유형 1 2 . 설명 esansi@naver.com // 선택자 const quizWrap = document.querySelector(".quiz__wrap") const quizTitle = quizWrap.querySelector(".quiz__title span") const quizTime = quizWrap.querySelector(".quiz__title em") const quizQusetionNum = quizWrap.querySelector(".quiz__question em") const quizQusetion = quizWrap.querySelector(".quiz__question span") const quizAnswerConfirm = quizWrap...

퀴즈 효과 Quiz 정답 확인하기 유형 . esansi@naver.com position 속성 CSS에서 position 속성은 HTML 문서 상에서 요소가 배치되는 방식을 결정합니다. 많은 경우, position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용됩니다. position: relative position 속성을 relative로 설정하게 되면, 요소를 원래 위치에서 벗어나게 배치할 수 있게 됩니다. 요소를 원래 위치를 기준으로 상대적(relative)으로 배치해준다고 생각하시면 이해가 쉬울 것 같은데요. 요소의 위치 지정은 top, bottom, left, right 속성을 이용해서, 요소가 원래 위치에 있을 때의 상하좌우로 부터 얼마..

카드 유형 정리 1. 피그마에서 레이아웃틀을 제작을 완성한다. 2. visual studio code 에서 div section를 만듭니다. 그 후 head에 스타일 태그를 추가 한 뒤 리셋 값을 설정합니다. 리셋값 이란? CSS 리셋(CSS reset)은 웹 브라우저의 기본 스타일을 초기화하고, 모든 HTML 요소가 동일한 시작점에서 시작하도록 설정하는 CSS 스타일 시트입니다. 리셋 값 폰트 를 다 설정해준다. 그 후 작업을 할 영역인 1200px의 구역을 만들기 위해 를 생성해준 뒤 h2와 p 를 이용하여 제목과 내용을 입력해주고 카드의 섹션인 artcle을 하나 더 생성 해줍니다. 카드가 3개이기 때문에 artcle 안에 div class card 를 3개 만들어 줍니다. 그 후 카드가 잘 정렬이..