우당탕탕 코딩생활

객관식 확인하기 HTML 주관식을 해보았으니 이번에는 객관식 유형을 작성해보도록 하겠습니다. Quiz 객관식 확인하기 유형 1 2 3 4 5 정답🥰 오답😩 정답 확인하기 * div 태그에는 "quiz__choice" 클래스가 지정되어 있습니다. 이는 CSS나 JavaScript에서 해당 영역을 조작하기 위한 식별자로 사용됩니다. * label 태그는 각각의 선택지를 나타내는데, 이는 input 태그와 함께 사용됩니다. * input 태그는 라디오 버튼을 생성합니다. "type" 속성이 "radio"로 설정되어 있으며, "id", "name", "value" 속성이 지정되어 있습니다. * "id" 속성은 각각의 라디오 버튼을 식별하기 위한 고유한 식별자입니다. * "name" 속성은 라디오 버튼들이 그룹으..

자바스크립트 테스트 3 01. 결괏값을 작성하시오. { (function(){ console.log("함수가 실행되었습니다."); })(); } 더보기 답: 함수가 실행되었습니다. 💪풀이: 즉시 실행 함수에 대한 문제입니다. 이 함수는 선언되자마자 즉실행됩니다. 02. 결괏값을 작성하시오. { function func(str = "함수가 실행되었습니다."){ document.write(str); } func(); } 더보기 답: 함수가 실행되었습니다. 💪풀이: 매개변수를 사용하는 자바스크립트 함수를 정의하고 호출하는 예시입니다. 함수의 이름은 func이며 하나의 매개변수 str을 가집니다. 이 매개변수(str)은 "함수가 실행되었습니다. " 라는 문자열을 가지고 있습니다. 함수가 호출될 때 인자가 전달되..

레이아웃 코딩일기를 쓰려고 했으나 오늘 깨닫게 된 부분이 속이 시원해 작성해봅니다. 레이아웃을 잡을 때 가장 중요했던 것은 '박스 구분'이었다. 통으로 만들 수 없으니 어떤식으로 어떻게 나누는지가 중요했고 이에 따라 속성을 적용할 수가 있었다. 하지만 나는 이게 이해가 가지않았고 거기에 전체 박스를 의미하는 wrap 과 그 외적인 것들이 더해지니 이해하는 것은 더욱 어려웠다. 혼자서는 시작도 못했던 부분이었는데 오늘 수업과 연습으로 알게되었다! 1. 구조 로고 부분과 이미지슬라이드 (메인) 부분을 구분하여 크게 지정했고 그 안에 각각의 부분들을 넣어주어 구조를 작성했다. 2. flex 부모요소에 플렉스 요소가 없는 경우 아래로 일렬로 나열하게 되는데 플렉스를 사용하면 끌려올라와 위의 것과 붙는다. 이 때..

슬라이드 타입 웹페이지의 슬라이드 타입에는 여러 종류가 있지만, 가장 일반적으로 사용되는 슬라이드 타입은 아래와 같습니다. 이미지 슬라이드: 여러 장의 이미지를 차례로 보여주는 슬라이드로, 이미지 간에 전환 효과를 줄 수도 있습니다. 텍스트 슬라이드: 여러 페이지로 구성된 텍스트를 차례로 보여주는 슬라이드로, 페이지 간 전환 효과를 줄 수도 있습니다. 동영상 슬라이드: 여러 개의 동영상을 차례로 재생하는 슬라이드로, 동영상 간 전환 효과를 줄 수도 있습니다. 혼합 슬라이드: 이미지, 텍스트, 동영상 등 여러 종류의 콘텐츠를 조합하여 보여주는 슬라이드로, 적절한 전환 효과를 줄 수도 있습니다. 위와 같은 슬라이드 타입을 사용하여 웹페이지를 구성하면, 사용자에게 보다 다양하고 흥미로운 콘텐츠를 제공할 수 있..

이미지텍스트 타입 이미지 텍스트(Image Text) 타입은 이미지와 함께 포함되는 텍스트를 의미합니다. 예를 들어, 로고나 배너 이미지 등에 함께 표시되는 텍스트를 말합니다. Space 고대 이집트 고대 이집트 문화는 다양한 측면에서 매우 독특하고 흥미로운 요소들을 가지고 있습니다. 아래는 고대 이집트 문화의 주요 목록입니다. 종교 이집트는 매우 다양한 종교적 신앙을 가졌습니다. 건축 대표적으로 피라미드가 있습니다. 문화적 예술 이들은 예술을 통해 신들을 숭배하며, 다양한 상황과 주제를 표현했습니다. 글씨체 이집트는 유명한 글씨체 중 하나인 "갈레오"라는 글씨체를 만들어냈습니다. HTML 정리하기 글과 그림을 포괄하는 박스 한 개와 '글' , '그림1', '그림2' 의 박스 세 개를 만드는 것이 정석이..

강아지 이펙트 파헤치기 오늘은 강아지 이펙트의 자바스크립트 부분과 약간의 애니메이션 부분을 알아보려고 합니다. 먼저, 준비 해야할 것은 퀴즈 안에 들어가야할 정보들이 필요합니다. 어떤 종목인지, 언제 출제되었던 문제인지, 문제와 답 등을 먼저 정리해보도록 하겠습니다. 이 이펙트를 만들어 내기 위해 필요한 정보들은 아래와 같습니다. 시험종목 : 정보처리 기능사 시험시간 : 2011년 4회 문제번호 : 1 문제질문 : 주파수분할 다중화 방식에서 각 채널간 간섭을 막기 위해서 ... 문제정답 : 가드밴드(Guard band) 문제설명 : 가드밴드(Guard Band)는 주파수분할 다중화 방식에서 ... 이 필요한 정보들을 이펙트 효과로 불러오기 위해서는 정보들을 데이터로 변환시켜주는 작업과 선택자인 query..

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

자바스크립트 기본 유형 복습 자바스크립트 기본 유형들에 대해서 공부해보려고 한다! 01. 0부터 100까지 for문을 사용하여 출력하기 for(let i=0; i

Image Type 현재의 웹페이지에서 가장 흔하게 볼 수 있는 유형 중 하나를 꼽는다면 바로 이미지 타입입니다. 그렇다면 이 이미지 타입에서의 장점은 무엇이 있을까요? 크게 세 가지를 꼽자면 아래와 같습니다. 시각적인효과 이미지 유형 페이지는 다양한 이미지 유형에 대한 상세한 설명을 제공하여, 사용자들이 이미지 유형에 대한 이해도를 향상시킬 수 있습니다. 이미지 강조 및 강화 브랜드 개별의 이미지와 색을 통해 강조하고 기억에 남길 수 있습니다. 인지도와 기억력 텍스트보다 기억하기 쉽기 때문에 인지도를 향상시키고 사용자들에게 직관적이고 빠른 정보를 전달할 수 있습니다. 그래서 오늘은 위와 같은 이미지 유형 페이지를 만들어보려고 합니다. 레이아웃 및 디자인 정하기 저는 스몰토크를 할 수 있는 가볍고, 짧고..

자바스크립트 기초 테스트 2더보기에 해답과 풀이가 있습니다. 답 전체보기는 맨 하단에 있습니다. 01.결괏값을 작성하시오.{ if( null ){ console.log("true"); } else { console.log("false"); } } 더보기 답 : false 💪 풀이 null이 조건식에 들어갈 경우 false입니다. + ⭐조건식에 들어가는 것에 따른 결과값 false : 0, null, undefined, flase, ""(빈문자열) true : 1, 2, "0", "1", "ABC", [](배열), {}(객체), true 02.결괏값을 작성하시오.{ let num = 0; while( num 6 ){ break; } console.log(num); } }더보기답 : 1, 2, 4, 5, 6..