SEOLHEE

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

비트 연산자(bitwise operator) 자바스크립트에는 비트 연산자가 있습니다. 비트 연산자는 2진수로 표현된 값을 다루는 연산자로, 변수에 저장된 2진수 값의 각 비트를 조작하여 새로운 값을 생성합니다. 이진수의 각 자리를 비교하여 연산하고, 주로 저수준 프로그래밍에서 사용되며, 비트 조작과 데이터 압축, 암호화 등 다양한 분야에서 사용됩니다. 비트 연산자 종류 종류 설명 AND 연산 (&) 두 비트가 모두 1일 때만 1을 반환합니다. OR 연산 (|) 두 비트 중 하나 이상이 1이면 1을 반환합니다. XOR 연산 (^) 두 비트 중 하나만 1일 때 1을 반환합니다. NOT 연산 (~) 비트를 반전시킵니다. 0은 1로, 1은 0으로 변환됩니다. 왼쪽 시프트 (> 2는 0001을 반환합니다. AND..

이미지 유형 페이지란? 이미지 유형 UI는 사용자 인터페이스(UI)에서 이미지를 사용하여 사용자 경험을 개선하고 시각적인 효과를 주는 것을 의미합니다. 이는 일반적으로 웹, 모바일 앱, 데스크탑 애플리케이션 등 다양한 디지털 플랫폼에서 사용됩니다. 형태 제품 이미지를 사용하여 제품 정보를 보여주는 제품 카탈로그 이미지 슬라이더를 사용하여 다양한 이미지를 보여주는 이미지 갤러리 아이콘 이미지를 사용하여 메뉴나 버튼을 보여주는 아이콘 메뉴 장점 시각적인 효과 이미지를 사용하면 일반적인 텍스트나 아이콘보다 더욱 시각적인 효과를 줄 수 있습니다. 예를 들어 제품에 대한 이미지를 사용하면 제품의 외관을 더욱 잘 보여줄 수 있으며, 효과적인 광고 효과를 얻을 수 있습니다. 인지도와 기억력 향상 이미지는 텍스트보다 ..

자바스크립트 테스트 오늘 본 자바스크립트 테스트 문제와 정답을 정리하고 틀린 문제는 풀이를 해보자 01. 결괏값을 작성하시오. { if( null ){ console.log("true"); } else { console.log("false"); } } 😎결과 확인하기 false 02. 결괏값을 작성하시오. { let num = 0; while( num 6 ){ break; } console.log(num); } } 😎결과 확인하기 12456 오답 while이 true이면 코드는 순서대로 실행이 된다. num이라는 변수를 0으로 설정해준 다음에 while 루프가 시작된다. 루프의 조건식은 항상 true여서 이 루프는 무한 반복된다. 루프의 첫 번째 줄에서 num을 증가시키고, 그 다음 if문이 나오는데, ..

자바스크립트 퀴즈(Quiz) 사이트 만들기 이번에 만들어 본 퀴즈 사이트는 전에 만든 사이트와 달리 주관식 퀴즈 유형입니다. 보이시는 것처럼 같이 정답을 적어주세요. 라는 곳에 정답을 직접 적어주고 정답을 확인하는 방법입니다! 직접 만들어 본 퀴즈 사이트 코드 전에 올린 사이트 유형과 크게 다를 것은 없습니다만 주관식 문제를 위하여 input 태그를 추가해주었습니다. Quiz 주관식 확인하기 유형 1 2 . 정답 확인하기 슬라이드 설명 참고 태그의 placeholder 속성은 입력 필드에 사용자가 적절한 값을 입력할 수 있도록 도와주는 짧은 도움말을 명시합니다. 문법 // 텍스트 : 요소에 입력될 값에 대한 짧은 힌트를 명시합니다. script 코드 주관식 문제인 만큼 전에 만들어 본 사이트와 다르게 새..

자바스크립트 퀴즈(Quiz) 사이트 만들기 아래에 있는 사진과 같이 퀴즈를 풀 수 있는 사이트를 만들어 보겠습니다! 직접 만들어 본 퀴즈 사이트 코드 Quiz 정답 확인하기 유형 . 정답 확인하기 연변대비 script 코드 수업 시간에 배운 변수 부분을 활용해보았습니다. const 변수를 선언해주고 선택자, 문제 정보를 만들어주었습니다. 참고 quizWrap, quizTitle, quizTime 등 처럼 중간에 대문자로 적어주어야한다. 문제 출력은 변수와 .innerText를 써서 문제를 출력하여줍니다. 정답 부분은 정답을 클릭하면 나타날 수 있게 quizAnswerResult.style.display = "none"; 을 써서 정답을 숨겨주었습니다. 이렇게 정답 확인하기를 클릭하면 바로 정답이 나옵니다..

카드 UI의 장점 주요 콘텐츠를 카드로 구성할 경우 거의 무한대로 확장하거나 변형할 수 있어 활용이 쉽습니다. 반응형 디자인에서 카드 UI가 많이 쓰이는 이유이기도 합니다. 여러 디바이스를 통해 서비스를 이용하는 환경에서도 일관된 경험을 제공할 수 있습니다. 1. 컨텐츠 덩어리 채로 분리 비슷한 속성에 맞춰서 섹션이 분리가 되어 텍스트 양을 줄이고, 정보의 조각을 하나의 유의미한 정보로 붙여줍니다. -> 정보 정리 전달이 잘 됩니다. 2. Easy to Digest (정보 확인이 쉬움) 사용자들의 정보 접근과 인식을 도와줍니다. 3. 시각적 즐거움 카드 기반 디자인은 이미지 정보에 의존적입니다. 이미지는 효과적/즉각적으로 관심을 이끌어 사이트/모바일 디자인에 효과적입니다. 4. 다양한 스크린 사이즈에 잘..

데이터 불러오기 자바스크립트에서 데이터를 불러오는 종류를 알아봅시다. 변수 : 데이터 불러오기 상수 : 데이터 불러오기 배열 : 데이터 불러오기 객체 : 데이터 불러오기 01. 변수 : 데이터 불러오기 변수 안에 저장된 데이터를 불러오는 방법입니다. { let x = 100, y = 200, z = "javascript"; console.log(x, y, z); } 😎결과 확인하기 100 200 javascript 02. 상수 : 데이터 불러오기 상수 안에 저장된 데이터를 불러오는 방법입니다. { const x = 100, y = 200, z = "javascript"; console.log(x, y, z); } 😎결과 확인하기 100 200 javascript 03. 배열 : 데이터 불러오기 : 기본 ..

새롭게 배운 배열 데이터 불러오기 배열은 인덱스를 가지는 복수의 자료를 저장할 수 있는 자료구조 입니다. 데이터는 순차적으로 저장되며 중복이 가능합니다. 저장된 데이터에는 인덱스를 이용하여 접근이 가능합니다. 자바스크립트에서 배열의 사용법을 알아보겠습다. 01. 배열 : 데이터 불러오기 : forEach() forEach문을 사용해 배열값을 실행하는 방법입니다. { const num =[100,200,300,400,500]; num.forEach(function(element){ document.write(element); }); } // 결과 : 100 200 300 400 500 forEach forEach 메서드도 배열을 순회하기 위해 사용되지만, 기본적인 for 반복문과는 다른 방식으로 함수를 사..

자바스크립트 함수(function) 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있습니다. 자바스크립트에서는 함수도 하나의 타입(datatype)입니다. 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능합니다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있습니다. 함수 정의 자바스크립트에서 함수의 정의는 function 키워드로 시작되며, 다음과 같은 구성요소를 가집니다. 1. 함수의 이름 2. 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter) 3. 중괄호({})로 둘러싸인 자바스크립트 실행문 자바스크립트에서 함수를 정의..