일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 변수타입과 레퍼런스
- arrow function
- boxshadow
- 선택자우선순위
- gitstatus
- 이벤트캡쳐링
- 정적배열
- Form
- gh-pages
- html기본태그
- audioTag
- use-strict
- 코딩독학
- 디자인참고
- blockscope
- baekjun
- inlineblock
- tableTag
- Block
- inline
- 리액트
- 자료구조_배열
- 공부기록
- React
- hoisting
- github폴더생성
- sectioning Elements
- html
- 컴포넌트
- 피그마기초
- Today
- Total
목록Web/HTML (2)
//log my lifestyle

img태그와 CSS: background-image: url()의차이는뭘까? 두개를 반복해서 쓰다보니 쓰임새가 다를것같아 검색해보았다. 이미지첨부에도 여러경우가 있지만 크게 나누자면 콘텐츠의 기능인지, 심미적인 기능인지로 태그를 쓰는 용도를 구분할 수있다. 검색엔진에서 이미지를 인덱싱해야하는 경우 콘텐츠의 의미가 큰 경우 기능적디자인(카드,썸네일,프로필이미지, 클릭할수있는것) vs 사이트에 주로 사용되는 미적인 디자인 여부를 판단하여 전자일때 프린트필요한 경우 백그라운드 이미지는 출력시 포함안된다 background- image: url() 디자인에만 사용되는 이미지, 콘텐츠와 관련없는 경우 이미지 위에 마우스를 올려놓았을 때 이미지를 변경하고 싶을 때. (hover) 반복되는 이미지일때 -ex 아이콘 ..

form에서 반드시 작성해야되는 atr - action, method 사용자로부터 인풋input을 받기위한 태그 문법주의! name ="폼의 이름" action="API주소" - 폼 데이터가 전송되는 백엔드 url method= "get | post " - 폼 전송 방식 (GET / POST) GET: 단순히 정보를 '읽고(read)' 싶을 때 POST: 사용자가 입력한 값을 '저장'하고 싶을 때 type 속성을 통해 종류를 나타내며, name을 통해 데이터의 이름, value를 통해 기본 값을 지정 타입에 쓸수있는 속성(atr) text placeholder minlength maxlength required disabled value 기본 텍스트 email text와 다를 바없지만 @ 있는지 유효성검..