[position] position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성으로 상속되지 않는다. 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right) 의 위치를 같이 설정 할 수 있다. [종류] static : 기본값으로 위치를 지정하지 않을 때 사용한다. relative : 위치를 계산할때 static의 원래 위치부터 계산한다. absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. 단, 가장 가까운 상위 요소를 기준으로 위치가 결정 된다. fiexd : 원래 위치와 상관없이 위치를 지정할 수 있다. 하지만 상위 요소에 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치를 설정 할 수 있다. 브라우저 화면의 상대 위치를 기준으로 위치가 결정된다.

형식을 사용하게 되면 볼 수 있는 기본 형식이다. 여기서 연도-월-일 을 없애고 내가 원하는 글씨를 새겨보려고 한다. 아래의 CSS 코드를 적용하면 달력만 있는 텅빈 input 박스를 만나게 된다. input[type=date]::-webkit-datetime-edit-text { -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-month-field{ -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-day-field { -webkit-appearance: none; display: none; } input[..

[기본] HTML에서 숫자만 입력받고자 할 때는 number 타입의 input 태그를 사용해 주면 된다. 그러면 이렇게 화살표 모양으로 된 숫자만 입력 가능한 input 창이 하나가 보인다. 모양이 저런 건 내가 css를 넣어서 그렇다. [최솟값 / 최댓값] 이제 여기서 최댓값과 최솟값에 제한을 두려면 min과 max를 이용하여 제한을 걸어 두면 된다. 이렇게 제한을 걸어두면 아무리 올려도 max 이상으로 안 올라가고 아무리 내려도 min 이하로는 내려가지 않는다. [소수점] 소수점을 입력하려면 step이라는 속성을 설정하면 된다. . 1이라면 소수점 한자리 수 인 것이고. 01이라고 표현하면 소수점 두 자릿수까지 입력이 가능하다 step 속성이란 input 입력창의 숫자 간격을 설정하는 속성이다. 따라..

[Dayjs란] Dayjs는 날짜 처리를 간편하게 할 수 있도록 도와주는 라이브러리이다. 일반적인 포매팅부터 날짜를 어느 기준만큼 더하고 빼는 등의 날짜연산과도 관련된 다양한 기능을 제공해준다. [dayjs 객체 초기화] dayjs()에 빈 값을 전달하면 현재 날짜 및 시간 기준으로 dayjs 객체가 생성된다. dayjs(); 특정 날짜 및 시간을 기준으로 dayjs 객체를 생성하는 경우 Format String을 전달합니다. dayjs('2023-08-17'); dayjs('2023-08-17 20:20:30'); [dayjs 객체 get] ▶ 시/분/초/밀리초 가져오기 // 시간 가져오기 dayjs().hour(); dayjs().get('hour'); dayjs().get('h'); // 분 가져오..