입력 필드 라벨 작성 - input 태그의 id 값과 label 태그의 for 값이 일치하면 input 대신 label 태그를 클릭해도 input창이 열림  사진 추가

회원가입  로그인

인터넷에 데이터를 저장하는 방법 중 하나- 키 - 값의 쌍으로 데이터를 저장- 인터넷 세션간의 데이터를 유지- 인터넷을 닫았다가 열어도 저장된 데이터가 사라지지 않음localStorage.setItem(key, value) : 데이터를 저장localStorage.getItem(key) : 데이터를 조회localStorage.removeItem(key) : 데이터를 삭제localStorage.clear() : 모든 데이터를 삭제인터넷에서 방문기록 삭제, 캐시 삭제 같은 행동을 하면 모든 데이터가 사라짐 -> ex) 로그인 유지

Form 태그: 사용자 입력을 수집하고 서버로 전송하는 데 사용속성 :    - action : 데이터가 전달될 주소값 지정        ex)결과.html    - method : 폼 데이터 전송 방식 지정        1. get : 작성한 내용을 URL에 전송, 표시            1) 보안에 취약함. 길이 제한이 있음(2048자)            2) 검색할 때 많이 사용됨        2. post : 본문을 통해 데이터를 전송. URL에 표시하지않고 전송            1) get 보다 안전            2) 데이터 길이 제한 x            3) 주로 jQuery, Ajax에서 사용            4) 회원가입, 아이디/비밀번호 찾기 등 로그인 관련에 사용 ..

position : 태그의 위치를 지정하는 속성 position : relative; - 지정된 태그 내부에 다른 태그가 상대적인 위치에 지정할 수 있도록 기준이 될 수 있게 만드는 속성 position : absolute; - 기본 태그의 배치 순서를 무시하고 지정된 절대 위치에 태그 배치 position : fixed; - 항상 고정된 위치에 태그를 배치함(화면이 움직여도 항상 같은 위치) position : sticky; (스크롤에서 많이 사용) - 특정 스크롤 위치에 도달했을 때 고정됨 - relative(상대적 위치) + fixed(고정 위치)- 지정된 기준에 도달하면 위치 고정   ex) top bottom left right z-index : 정수 - 기본값 0 숫자가 클수록 맨 앞으로 보임..