매일 매일 미라클 코딩

예약기능을 구현할때 가장 까다로운것이 '예약 가능한 날짜만 뽑기' 인 것 같다. 특정 기간만 제외하는 로직은 짰는데, 이걸 적용하고 나니 달력 버튼을 예약시작 - 예약종료 날짜 사이만 허용하는게 안됐다. 2021.03.26 - [FrontEnd] - [JavaScript, jQuery] datepicker 에서 특정 기간 비활성화 하기 minDate, maxDate 에 각각 VO에 담긴 날짜를 줘보기도 했지만 아무리 형식을 맞춰줘도 둘다 적용되지 않았다. (달력1에는 예약시작날짜, 달력2에는 예약종료날짜만 적용됨) 또한 예약 날짜가 오늘보다 앞선 경우 엊그제부터 날짜가 선택되는 불상사가 발생... 이를 고쳐보기 위해 1) inDate 가 오늘 날짜보다 앞선 경우, minDate = 오늘 2) inDate..

예약 모듈을 맡게되면서, 어떻게 예약가능한 날짜를 다 표시하지? 라는 생각에 막막했는데 거꾸로 생각하니 쉽게 느껴졌다. '예약 불가능한 날짜만 비활성화하면 되잖아?' 단순했던 나. jQuery UI 에서 제공하는 datePicker를 이용해서 달력을 만들었고, beforeShowDay 속성을 통해 특정일을 비활성화하는데에 성공했다. bookedDays = ["2021-03-21", "2021-03-30" , "2021-04-01"] function disableDates(){ var m = date.getMonth() + 1; var d = date.getDate(); var y = date.getFullYear(); for (i = 0; i < bookedDays.length; i++) { if ($...

자바를 공부하다가 자바스크립트를 접하며 드는 생각은 문법이 쉬운만큼 '무작정'이라는 느낌이 많이 드는 언어라는 것이다. 그중에서도 함수를 선언하고 사용하는 데에 있어서 매우 단순하고 들이대는 스타일인 것 같다. 익숙해져보자. 함수(메소드)선언 1. var showAll() { } 2. function showAll() { } 3. function name(param){ document.write(param); } => 매개변수 타입은 따로 쓰지 않는다. 가장 헷갈렸던 부분. => 조건문을 이용해 조건부 함수선언도 가능하다. 함수활용 ex) 버튼 클릭시 실행될 경고창이 뜨도록 함수 선언하기. addEventListener('click', function(event){ }); 실행 객체 생성 var work..

조건문 ex. => value 값이 "black"인 버튼을 누를 때 "white"로 바뀌는 설정 => 여기서 조건문을 이용해 누를 때마다 상태가 바뀌는 toggle 기능을 만들 수 있다. *onclick 속성에 함수 쓸 때 () 소괄호를 꼭 넣어야한다. *onclick 이벤트가 속한 자기자신의 태그를 가리킬 땐 id 따로 지칭하지 않고 this 를 사용할 수 있다. 이러한 명령을 가진 blue, red 버튼도 만든다고 할 때 유용하다. 즉 한번의 함수 선언으로 여러 엘리먼트에서 토글 기능을 수행할 수 있다.