폴리프레임

Public Domain License와 MIT License는 모두 소프트웨어의 자유로운 사용, 수정 및 배포를 허용하는 라이선스이지만, 몇 가지 중요한 차이점이 있습니다. Public Domain License (퍼블릭 도메인 라이선스) 저작권 포기: 퍼블릭 도메인은 저작권자가 자신의 저작물에 대한 모든 권리를 포기하고 이를 공중에게 기증하는 것을 의미합니다. 따라서 퍼블릭 도메인으로 배포된 소프트웨어는 누구든지 어떤 목적으로든 자유롭게 사용, 수정 및 배포할 수 있으며, 별도의 라이선스 조항이나 저작권 표시 의무가 없습니다.법적 불확실성: 일부 국가에서는 저작권자가 명시적으로 저작물을 퍼블릭 도메인으로 양도하는 것이 법적으로 인정되지 않을 수 있습니다. 이 때문에 퍼블릭 도메인과 유사한 효과를 내기..

IT 일반 2025. 5. 16. 09:38

index.hconst char index_html[] PROGMEM = R"rawliteral(...)rawliteral"; esp32_wm_server.ino#include #include #include #include #include #include "index.h"const char* http_username = "username"; // 웾 접속 용const char* http_password = "password"; // 웹 접속 용AsyncWebServer server(80); // Create an instance of the AsyncWebServerint nCounter;void notFound(AsyncWebServerRequest *request) { request->sen..

IoT 2025. 5. 15. 13:12

#sec .dot:nth-child(5n + 5) { width:20px; }위 코드는 sec ID를 갖은 요소안에는 많은 요소가 있습니다. 그 중에 dot 클라스들에서 5번째 단위로 골라 폭을 20px 로 만들라는 명령어 입니다. 여기서 ()안을 방정식으로 생각하고, n을 0 번부터 계속된다고 보면 됩니다. 즉 5X0 + 5 는 5, 5x1 + 5 = 10 이러한 방식으로 5의 배수를 선택하라는 명령입니다. /* 목록의 두 번째 선택 */li:nth-child(2) { color: lime;}/* 임의의 그룹에서 네 번째에 위치하는 모든 요소 선택 */:nth-child(4n) { color: lime;}

html + css 2025. 5. 13. 14:07

~ (틸트)선택자CSS에서 ~(틸드)는 일반 형제(General Sibling) 선택자입니다. 즉, 특정 요소의 같은 부모를 가진 형제 요소들 중에서, 뒤에 위치한 요소들만 선택하는 역할을 합니다.#dots .active.dot ~ .dot { background: #555;}#dots 내부에서 .active.dot 클래스를 가진 요소 뒤에 위치하는 모든 .dot 요소를 선택하여 background: #555; 스타일을 적용합니다. 즉, 다음 줄 요소들 중에 dot 클래스를 갖은 모든 요소. + 선택자인접 형제 선택자로 뒤에 바로 붙어 있는 .dot 한 개만 적용 됨.active.dot + .dot { background: #555; }

html + css 2025. 5. 13. 13:55

전역사용아래의 경우는 모든 요소에서 활용는 되는 경우입니다.:root { --clr: #ff2972; /* 모든 요소에 적용할 색상 */}#clock div { color: var(--clr);} 개별사용 ** css **#sec,#min,#hr { position: absolute; display: flex; justify-content: center; align-items: center; inset: 0; text-align: center; color: var(--clr);}// 이 경우는 --clr은 개별 3가지 객상으로 분리되어 사용이 됩니다.

html + css 2025. 5. 13. 12:25

normalize.css브라우저 기본 스타일을 정리하여 모든 브라우저에서 일관된 스타일을 제공하는 css 파일 입니다.기본적으로 HTML 요소의 스타일을 조정하여 브라우저 간 차이를 줄입니다.예를 들어, 태그의 크기나 의 기본 스타일을 통일하는 역할을 합니다. HTML5 요소 지원 ( , )활용 방법1. CDN을 사용하여 적용HTML 의 태그 안에 다음 코드를 추가 하면, 별도의 다운로드없이 온라인으로 최신버전을 바로 사용할 수 있음2. 프로젝트에 직접 다운로드하여 적용공식 사이트에서 normalize.css 파일을 다운호드하여 프로젝트의 css 폴더에 저장한 후, HTML에서 불러옵니다. MUI의 CssBaseline Material UI에서 제공하는 CSS 리셋 컴포넌트입니다.normalize..

html + css 2025. 5. 12. 12:37

Methods1. URL.createObjectURL(blob)브라우저 환경에서 Blob 객체나 File 객체를 나타내는 임시 URL을 생성하는 데 사용됩니다. 이를 통해 바이너리 데이터를 직접 표시하거나 다운로드할 수 있는 URL을 만들 수 있습니다. 이 URL은 메모리에 존재하며, 브라우저를 닫거나 명시적으로 해제하지 않는 한 유효합니다.const inputElement = document.querySelector('input[type="file"]');inputElement.addEventListener('change', (event) => { const file = (event.target as HTMLInputElement).files?.[0]; if (file) { const obje..

JavaScript 2025. 2. 9. 18:54

단일 콜론 (:) - 의사 클래스 (pseudo-class)- 의사 클래스는 요소의 특정 상태를 나타내는 데 사용됩니다. - 예를 들어, :hover는 마우스 커서를 요소 위에 올렸을 때의 상태를 나타냅니다. 일반적으로 의사 클래스는 요소가 특정 상태에 있을 때 스타일을 적용하는 데 사용됩니다. 즉,  a:hover는 링크 요소에 마우스를 올렸을 때 스타일을 적용합니다.이중 콜론 (::) - 의사 요소 (pseudo-element)- 의사 요소는 요소의 특정 부분을 스타일링하는 데 사용됩니다. - 예를 들어, ::before는 요소의 시작 부분에 콘텐츠를 삽입하고, ::placeholder는 입력 요소의 자리 표시자 텍스트를 스타일링합니다. 즉,  input::placeholder는 입력 필드의 자리 표..

html + css 2025. 1. 28. 10:55