HTML/CSS

xs와 md란? 는 Material-UI의 그리드 시스템에서 사용되는 반응형 레이아웃 속성입니다.xs: Extra small 화면 크기 (일반적으로 모바일 화면)에서의 그리드 아이템 크기를 지정합니다.md: Medium 화면 크기 (일반적으로 데스크탑 화면)에서의 그

form 태그는 이 글에서 나오는 모든 태그 중 가장 상위 태그에 해당한다. 사용자로부터 데이터를 입력받을 때 사용하며, 의도에 따라 다음의 11가지 태그들을 적절하게 조합해서 사용한다.아래는 <form> 요소의 메소드와 간단한 설명을 포함한 표입니다:https&

\_self(default): 새창\_blank : 새창alt: 이미지가 깨졌을때 나오는 texttitle: 마우스 오버시 이미지의 이름을 표시해줌Paragraph 문단의 약자더미 텍스트: lorem+숫자+탭 로렘 입숨 (Lorem ipsum; Lipsum) 은 그래

tag + tab 하면 자동으로 완성정렬 자동 완성설정 > 바로가기키에서 키를 설정해주어야 한다.라이브 서버 사용tag를 다른 이름으로 변경하면 같이 바뀌게 함각 확장자에 맞는 아이콘이 나오게 됨사용자 ui 디자인들여쓰기 구분하기 쉽게 해줌!업로드중..html 기본 셋

시맨틱 태그(semantic tag)는 웹 문서의 구조와 의미를 더 명확하게 표현하기 위해 HTML5에서 도입된 태그입니다. 시맨틱 태그는 웹 페이지의 요소들을 의미론적으로 그룹화하고 정의하여 검색 엔진, 스크린 리더, 개발자 등에게 문서의 의도와 구조를 명확하게 전달

HTML의 <form> 요소는 웹 페이지에서 사용자로부터 데이터를 입력받고 서버로 데이터를 전송하는 데 사용됩니다. method 속성은 폼 데이터를 서버로 전송할 때 사용되는 HTTP 요청 방법을 지정합니다. 아래의 2가지 종류가 있습니다.GET: 폼 데이터를 U

google font 사이트에 들어가기원하는 Languages 선택하기원하는 글씨체 선택 후 오른쪽 Select ~을 클릭하기link(html에 추가) or import(style에 추가) 선택하기style 태그안에 위에서 복사했던 import를 넣어주고 각 선택자에

material Icon material Icon 사이트 들어가기 git repository에 들어가기 위의 git repository의 link를 가져오기 원하는 아이콘 선택한 후 오른쪽 태그 가져와서 쓰기(클래스가 지정되어 있음) 추가 style 컬러 변경 가능

display 속성을 사용하여 HTML 요소의 표시 방법을 조절할 때, inline과 block 값은 요소가 가질 수 있는 주요 특성을 정의합니다. display: inline-block; 속성은 이 두 가지 값을 조합한 것이며, 따라서 inline의 일부 특성과 bl

inline-block과는 달리 공백이 없다.

이 두 속성을 함께 사용하면 요소의 너비가 화면 너비의 90%를 초과하지 않으면서 최대로 620px까지 커질 수 있습니다. 이는 반응형 웹 디자인을 구현하는 데 유용한 기술입니다.

css를 모듈화 하는 방법장점: 이름이 중복되어도 scope를 지역적으로 제한하여 번들링 한 후에는 겹치지 않음단점: 별도로 많은 CSS 파일 필요CSS 전처리기 활용(SCSS)javascript 안에서 css를 정의하는 방법입니다. 코드를 구성하는 더 나은 방법으로는

📌 이 글은 emotion 공식문서의 Best Practices 참고하여 작성되었습니다.어떤 애플리케이션을 개발하는데 에러메세지 스타일이 여러 컴포넌트에서 반복적으로 사용되며, 해당 에러메세지는 폰트사이즈가 다른 여러버전이 존재한다고 가정해봅시다. 이러한 스타일을 재