FRONT-END/JavaScript & JQuery (3) 썸네일형 리스트형 뉴렉처 자바스크립트 유튜브 뉴렉처 채널의 자바스크립트 강의 정리글 자바스크립트는 국비 과정에서 프젝을 하면서 그때그때 구현에 필요한 것들만 찾아서 써본 게 전부였기 때문에 체계적으로 공부해보고 싶어 서블릿, 스프링 강의로 많은 도움을 얻은 뉴렉처 채널의 자바스크립트를 찾아 듣게 됐다. 로드화 HTML 파일이 프로그램으로 접근할 수 있도록 객체화되는 작업 window 브라우저 창 제어 window.location 주소창 제어 (플랫폼) window.history 페이지의 목록 순회 (뒤로가기, 앞으로가기) window.document 문서 내용 제어 폼 객체의 유효성 검사 사용자가 입력한 값 확인 유효한 값이 입력되었을 때만 서버로 전송될 수 있도록 한 것 초창기 자바스크립트는 폼객체를 이용해 문서에 있는 데이터를 검사하기 .. 자바스크립트 정렬 및 배열에서 검색 후 제거 캘린더에서 각각의 날짜 영역을 선택할 때마다 해당 값을 읽어와 input태그에 추가시키고한번 더 클릭시 선택을 해제하며 해당 값을 제거하고 싶었다. 사실 datepicker를 가져와 쓰면 간단하게 해결될 문제였을텐데, 어쩌다보니 반 이상을 직접 구현하게 되어 별개의 일자를 정렬시키고 처리 시키는 일이 필요했다. 문제는 어떻게 정렬시킬 것인가? 그리고 어떤 형태로 DB에 넣을 것인가? 어디서 처리할것인가?(컨트롤러? 뷰단?) 1. 컨트롤러에서 처리split()으로 잘라 배열에 넣고, List로 변경하여 sort()를 통해 정렬그러나 문제는 DB에 어떻게 넣을건지였다.처음에는 요청별로 휴가 시작일과 종료일을 넣으려다가, 7/8 7/9 7/20 이런식으로 연속되다가 연속되지 않은 일자들이 존재할 때어떻게 연속.. 캘린더 구현(자바스크립트) 해당 링크의 소스와 설명을 바탕으로 작성했고, 정리를 위해 쓰는 글 더보기 let CDate = new Date(); let today = new Date(); buildCalendar(); function buildCalendar(){ let prevLast = new Date(CDate.getFullYear(), CDate.getMonth(), 0); //지난달 마지막날짜 let thisFirst = new Date(CDate.getFullYear(), CDate.getMonth(), 1); //이번달 첫날 let thisLast = new Date(CDate.getFullYear(), CDate.getMonth() + 1, 0); //이번달 마지막날 document.querySelector(".ye.. 이전 1 다음
