fullstack-study

form 요소웹 개발에서 사용되는 다양한 HTML 폼 요소들이 있습니다. 이러한 요소들은 사용자로부터 정보를 입력하거나 선택할 수 있도록 합니다. 주요 폼 요소들은 다음과 같습니다텍스트 입력 필드 (Text Input Fields):: 한 줄짜리 텍스트를 입력할 수 있는 상자를 생성합니다. : 비밀번호를 입력받을 때 사용되며, 입력한 문자를 마스킹하여 표시합니다. : 이메일 주소를 입력받을 때 사용됩니다.: 숫자 값을 입력받을 때 사용됩니다. : 전화번호를 입력받을 때 사용됩니다. , , : 각각 날짜, 시간, 날짜와 시간을 입력받을 때 사용됩니다.텍스트 여러줄:: 여러 줄의 텍스트를 입력할 수 있는 상자를 생성합니다.선택 입력 필드 (Select Fields):: 드롭다운 목록을 생성합니다.  요소를 ..

정규표현식 ( 정규식 ) 정규 표현식(regular expression)이란?정규 표현식(Regular Expression)은 문자열을 검색하거나 편집하는 데 사용되는 특수한 문자열 패턴입니다. 이것은 주어진 텍스트에서 원하는 패턴을 찾는 데 도움이 됩니다. 정규 표현식은 다양한 프로그래밍 언어와 텍스트 편집기에서 지원되며, 각 언어 및 편집기에서 약간의 차이가 있을 수 있지만 기본적인 패턴 매칭 및 문자열 검색에 대한 기능은 비슷합니다. 정규 표현식은 일반 문자와 특수 문자를 조합하여 표현되는데, 이들은 다음과 같은 역할을 합니다  일반 문자: 일반적인 문자열을 나타냅니다.메타 문자: 패턴 매칭을 위해 특별히 사용되는 문자입니다. 예를 들어, "."은 어떤 문자와도 일치하고, "*"는 앞선 문자가 0번..

# clip-path, outline, calc, object-fit, mask, svg 속성설명참고clip-path요소의 클리핑 범위를 지정mdn Clip-Path Generator참고outline mdncalcCSS 속성의 값으로 계산식을 지정mdnobject-fit나 요소와 같은 대체 요소의 콘텐츠 크기를 조절mdnobject-position 대체 요소의 객체가 덮지 않은 부분은 요소의 배경이 보이게 됩니다mdnmask 이미지를 마스킹하거나 클리핑하여 요소를 숨김mdnsvg벡터 기반 그래픽mdn@impoertcss 처리mdn스타일 바로가기 1. clip-path 형식clip: clip-source|basic-shape|margin-box|border-box|padding-box|content-b..