javascript

❓ Problem: jsp 파일의 내에 작성한 템플릿 리터럴(템플릿 스트링)내의 표현식이 나오지 않는다. 날짜 관련 유효성 검사를 하던 도중 확인을 위해 console.log로 아래와 같이 찍어봤는데 이리 애를쓰고 저리 애를써도 사진과 같이 빈 값만 출력되었다. 기존 코드(jsp 파일 하단 Script 부분) const now = new Date(); const year = now.getFullYear(); const month = now.getMonth() + 1; const date = now.getDate(); console.log(`${year}-${month}-${date}`); 이거 뭔데여 내 year, month, date 다 어디갔는데여 ❗ Solution 생각해보니 수업때도 templat..

❓ Problem: JavaScript에서 getMonth(), getDate()로 얻은 날짜는 두자리수 고정이 아니다. 12월에 나는 스프링 프로젝트로 놀이공원 웹사이트를 만들었다. 그중 페스티벌을 추가/수정할 수 있는 기능이 있는데, 페스티벌에는 시작일과 종료일을 선택할 수 있다. 페스티벌 추가 시, 시작일이 오늘 이후로만 가능하게끔 유효성 검사 처리를 했었는데 12월에 개발 당시에는 멀쩡히 작동하던 유효성 검사가 1월이 되니 작동하지 않는다. Error 발생 원인 1: input의 value는 월 또는 일이 10 미만이어도 두자리수 고정이다.(일의 자리의 경우 항상 앞에 0이 붙는다.) Error 발생 원인 2: JavaScript의 Date 객체가 제공하는 get 함수는 월 또는 일이 10 미만이..

💡 JavaScript에서는 자료형을 명시적으로 표현이 불가능하다. number, string, boolean, object 변수 생성 → int num → number num → var num 반환값 선언 → 자료형 기재 불가능 배열 선언 → int[] nums → var nums ✓ Function 매개변수에는 var를 쓸 수 없음! 그냥 변수명만 사용해야 함! 형식 1) 매개변수가 있는 경우, function 생성 + 해당 function 호출 function m1() { console.log('m1'); } m1(); // m1 2) 매개변수가 없는 경우, function 생성 + 해당 function 호출(매개변수 입력) function m3(name, age) { console.log(name..

✓ JavaScript 자료형 1. number - 숫자형(정수, 실수) 2. string - 문자/문자열 3. boolean - 논리형 4. object - 객체형 - JavaScript에는 클래스가 없다. - 하지만 객체 개념은 있다. - JavaScript에는 이미 만들어진 클래스의 객체는 있다. → 개발자가 직접 클래스를 생성할 수 없다. - 자바 → 객체 지향 프로그래밍 언어 - 자바스크립트 → 객체 기반 프로그래밍 언어 5. 기타(상수) 1) null 2) undefined 3) NaN(not a number) ✓ 변수,상수(리터럴) var 변수명; JavaScript는 변수의 타입이 없다. 변수는 모든 자료형의 데이터를 저장할 수 있다.(like 자바의 Object 클래스 변수) 현재 변수나..

💡 Front-end 1. HTML - 골격 → 블럭 태그 - 내용물 → 인라인 태그 + 텍스트 2. CSS - 서식 3. JavaScript - 프로그래밍 기능 ✓ JavaScript란? 브라우저에서 동작하는 프로그래밍 언어 Netscape → 자사 브라우저에 동작하는 프로그래밍 언어 개발 초기의 JavaScript는 가볍다 + 쉽다 = 기능 적다 → 현재의 JavaScript는 어렵다. C 계열 언어 → 기본 구문이 자바와 유사하다. Java ← (무관계) → JavaScript 전혀 관계가 없다! JavaScript의 초창기 이름은 LiveScript → 그 당시 잘나가던 Java의 이름을 따와서 JavaScript로 명칭 변경(협약 했다고 함) 초반(1990년대): 폼태그 유효성 검사 + 링크 조..