실버라인의 잡다한 정보

https://developer.mozilla.org/ko/docs/Glossary/Vendor_Prefix 공급업체 접두사 (Vendor Prefix) - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN브라우저 공급자는 개발자가 새로운 아이디어를 실험할 수 있도록 실험적이거나 비표준 CSS 속성과 JavaScript API에 접두사를 추가하곤 했습니다. 이 방법은 이론적으로 표준화 과정에서 실험이 의developer.mozilla.orgCSS 접두사이전 코드 베이스에서 볼 수 있는 가장 일반적인 브라우저 CSS 접두사는 아래와 같습니다.-webkit- (Chrome, Safari, 최신 버전의 Opera 및 Edge, 거의 모든 iOS 브라우저(iOS용 Firefox), 기본적으로 모든 W..

https://www.photopea.com/ Photopea | Online Photo EditorProfessional Editor Photopea offers a full suite of editing tools, from basic features like cropping and resizing to advanced features such as layering, masking, and blending. Full PSD support Photopea fully supports a popular PSD format, both opening andwww.photopea.com

https://sitero.co.kr/fontsize 사이트로(SITERO)필요한 도구를 가장 편리하게 개발하여 사이트로 만들었습니다.sitero.co.kr

✅ 사용자 지정 CSS 속성 (Custom Properties, 또는 CSS 변수)란?사용자 지정 CSS 속성은 CSS에서 변수처럼 값을 저장해서 여러 곳에서 재사용할 수 있게 해주는 기능입니다. CSS 코드의 유지보수성과 일관성을 높여주는 데 아주 유용합니다.🔧 문법:root { --main-color: #3498db; --padding: 16px;}--main-color, --padding은 사용자 지정 속성명:root 선택자는 전역(Global)에서 사용할 수 있도록 설정합니다.🎨 사용 방법.box { background-color: var(--main-color); padding: var(--padding);}var(--속성명) 형태로 값을 불러와 사용할 수 있습니다.💡 장점반복 줄이..

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_cascading_variables/Using_CSS_custom_properties 사용자 지정 CSS 속성 사용하기 (변수) - CSS: Cascading Style Sheets | MDN사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;)developer.mozilla.org사용자 지정 CSS 속성 사용하기 (변수) 사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사..

https://v04.krds.go.kr/guide/index.html KRDS디지털 정부서비스 UI/UX 가이드라인 누구나 쉽고 편리하게 이용할 수 있도록 사용자 중심의 공공 웹·앱을 구축, 운영 및 관리 하도록 지원합니다v04.krds.go.kr https://raw.githubusercontent.com/KRDS-uiux/upload-files/main/%EB%94%94%EC%A7%80%ED%84%B8%20%EC%A0%95%EB%B6%80%EC%84%9C%EB%B9%84%EC%8A%A4%20UIUX%EA%B0%80%EC%9D%B4%EB%93%9C%EB%9D%BC%EC%9D%B8%20%5B240709%5D.pdf https://github.com/KRDS-uiux/upload-files/raw/m..

1. 구글 확장프로그램 crx파일을 다운받기위해Chrome 웹 스토어 > [ CRX Extractor/Downloader ] 를 설치한다https://chromewebstore.google.com/detail/crx-extractordownloader/ajkhmmldknmfjnmeedkbkkojgobmljda?hl=ko&utm_source=ext_sidebar CRX Extractor/Downloader - Chrome 웹 스토어Download CRX Files directly as crx or zip file depending upon your choicechromewebstore.google.com2. Chrome 웹 스토어 > [openWAX] 파일 다운로드웹스토어에서 openwax를 검색한 후 마..

열펌과 일반펌의 차이는 펌을 하는 방식과 지속력, 웨이브의 형태에서 주로 나타납니다.🔥 열펌(디지털펌, 세팅펌)방식: 펌약을 도포한 후 열을 가해 고온에서 머리카락을 말아줍니다.웨이브 형태: 컬이 탄력 있고 뚜렷하게 살아납니다. 특히 굵고 자연스러운 웨이브를 원할 때 많이 사용됩니다.유지력: 일반펌보다 오래 지속되며, 드라이하지 않아도 컬이 살아남니다.추천 대상: C컬, S컬 같은 자연스러운 웨이브를 원하거나, 손질이 쉬운 펌을 원할 때 적합합니다.💧 일반펌(롯드펌, 냉펌)방식: 열을 사용하지 않고 펌약과 중화제를 이용해 머리를 말아 고정합니다.웨이브 형태: 자연스럽고 부드러운 컬이 나오지만, 열펌보다 탄력은 적습니다.유지력: 열펌보다는 지속력이 약해 시간이 지나면 컬이 풀어질 수 있습니다.추천 대상..

★ Flex Containerdisplay: flex; /* block */display: inline-flex; /* inline-flex */ ☆ flex-direction (주 축 방향 설정)flex-direction: row; /* 기본값: 가로 방향 왼쪽 → 오른쪽 (가로 정렬)*/flex-direction: row-reverse; /*오른쪽 → 왼쪽 (가로 반전)*/flex-direction: column ; /*위 → 아래 (세로 정렬)*/flex-direction: column-reverse /*아래 → 위 (세로 반전)*/☆ flex-wrap (줄 바꿈 설정)flex-wrap: nowrap; /* (기본값) 한 줄 유지 */flex-wrap: wrap; /* 복수행 배치 */flex-wr..

📌 Flexbox(Flexible Box)란?Flexbox는 CSS의 레이아웃 모델 중 하나로, 아이템들을 효율적으로 정렬하고 배치할 수 있도록 도와주는 기술입니다. 기존의 float, inline-block을 사용할 때보다 더 쉽게 가로/세로 정렬을 조정할 수 있습니다.🎯 Flexbox의 주요 특징✅ 수직 정렬과 가로 정렬을 쉽게 조정 가능✅ 컨테이너 크기에 따라 아이템 크기 자동 조정✅ 반응형 레이아웃을 간편하게 구현 가능🏗️ 1. Flexbox의 기본 개념Flexbox는 크게 두 가지 요소로 구성됩니다.용어설명Flex Container (부모 요소)display: flex;를 적용한 요소Flex Items (자식 요소)Flex 컨테이너 내부에 있는 요소들✅ 기본 예제.container { d..