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
✅ 사용자 지정 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..
- Total
- Today
- Yesterday
- 와이파이약할때
- 파비콘 #파비콘 사이트에 적용
- jQuery #jQuery이미지슬라이드 #이미지슬라이드
- jdk #jre
- echart
- 좋은책 #밥프록터 #부의원리
- 좋은책
- 정보처리기사 #정보처리기사요약 #정보처리기사요점정리
- 썬크림 #닥터지썬크림 #내돈내산 #내돈내산썬크림 #썬크림추천 #spf50썬크림 #닥터지메디유브이울트라선
- iptime와이파이증폭기 #와이파이증폭기설치
- 무료폰트 #무료웹폰트 #한수원한돋움 #한수원한울림 #한울림체 #한돋움체
- 자바스크립트정규표현식
- 테스크탑무선랜카드 #무선랜카드 #아이피타이무선랜카드 #a3000mini #무선랜카드추천
- 쇼팬하우어 #좋은책
- 자바스크립트break
- 자바스크립트 #javascript #math
- sw기술자평균임금 #2025년 sw기술자 평균임금
- 바지락칼국수 #월곡동칼국수 #칼국수맛집
- 광주분식 #광주분식맛집 #상추튀김 #상추튀김맛집 #광주상추튀김
- css미디어쿼리 #미디어쿼리 #mediaquery
- 와이파이증폭기추천 #와이파이설치
- SQL명령어 #SQL
- 연명의료결정제도 #사전연명의료의향서 #사전연명의료의향서등록기관 #광주사전연명의료의향서
- 자바스크립트countiue
- lg그램pro #lg그램 #노트북 #노트북추천 #lg노트북
- 증폭기 #아이피타임증폭기
- 와이파이신호 #와이파이 #와이파이신호세게
- 파비콘사이즈
- thymeleaf
- ajax
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |