형식을 사용하게 되면 볼 수 있는 기본 형식이다. 여기서 연도-월-일 을 없애고 내가 원하는 글씨를 새겨보려고 한다. 아래의 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'); // 분 가져오..

전에 업로드 했었던 사이드바를 최종으로 마무리하여 다시 글을 작성한다~~ sidebar 만들기 (feat. 시작하자마자 사이드바 실행 및 본문 밀어내기) 프로젝트를 하는 중에 사이드바를 만들게 되었다. 찾아보니 만드는 건 너무 쉬운데 말입니다? 꼭 내가 원하는 디자인은 없다는게 학계의 정설. 내가 원했던 사이드바 □ 페이지가 시작하자마자 henniee.tistory.com 일단 완성 본! 전에는 닫기 버튼을 이용했었는데 이제는 그냥 삼선 막대기로 열고 닫고 두가지 모두 진행 하고 로고도 넣었다. 닫아도 로고와 막대기는 그자리 그대로에 있고 메인 화면은 전체 화면 사이즈에 맞게 늘어난다. [JSP] 로그인을 하게 되면 선생님 아이디와 학부모가 로그인 할 수 있는 페이지가 따로 존재한다. 따라서 sideba..