0825

netlify

무료서버다.

사이트 구성-사이트 이름 변경가능

디벨로프 파일 업로드. 자동 수정안되니 계속 재업로드 해야함

https://developers.kakao.com/tool/debugger/sharing

카카오 캐시 삭제 주소

 

input 은 name이 필수

 

프론트에선 해킹 가능. 보안은 백엔드에서

 

<input type="text" name="user_idid" pattern="[가-힣{1,5}]"required> 1글자 이상 5글자 이하

 

[0-9]{2} [가-힣]{3} 정규식 대괄호, 중괄호

 

   <textarea>안녕하세요

            안녕하세

        </textarea>

 텍스트박스에는 정리를 하면 줄바꿈이 된다.

form -액션, 메소드

인풋 -네임

 

<button>button</button>

<button type="button">button</button>

버튼은 submit 기능과 버튼의 기능이 있다. 타입을 명시하지 않으면 서브미트 기능을 한다.

<button type="button" onclick="alert('안녕하세요');" onmouseleave="alert('잘가');">button</button>

onclick 눌렀을 때 반응

onmouserleave 마우스가 떠났을 때 반응

 

<label></label>라벨로 감싸거나 for 를 사용하여 input id를 명시

<label for="checkbox">checkbox</label>

input과 연결시켜 준다

 

 

css 

클래스.

id # 

속성[] 

자손 : 띄어쓰기

자식 >

형제 ~

인접형제 +

 

    <style> 잘 안쓰지만 이런게 있다.

        h5[title] { background-color : red; }

        h5[class~=header] { background-color : yellow; }

        h5[class^=con] { background-color : lightblue; }

        h5[class$=esc] { background-color : orange; }

        h5[class*=tiv] { background-color : aqua; }

    </style>

       

 font-style : italic; I 태그와 같은 역할

text-decoration: line-through; 가로

 

 

http://flukeout.github.io 

연습