JavaScript

📗 타임리프 ⭐ 📍 템플릿 엔진 개념잡기 템플릿 엔진 : 스프링 서버에서 데이터를 넘겨받아 HTML에 데이터를 넣어 동적 웹 페이지를 만들어주는 도구 타임리프 표현식 ${..} : 변수의 값 표현식 #{..} : 속성 파일 값 표현식 @{..} : URL 표현식 *{.} : 선택한 변수의 표현식. th:object에서 선택한 객체에 접근 타임리프 문법 th:text 텍스트 표현 시 사용 th:text=${person.name} th:each 컬렉션 반복 시 사용 th:each="person:${persons}" th:if 조건이 true일 때만 표시 th:if="${person.age} >= 20" th:unless 조건이 false일 때만 표시 th:unless="${person.age} >= 20" ..

> 20220901 document, image, form 객체 목차 document 객체 메소드 write : 태그 포함한 문자열 출력 예제) write() 메소드로 이미지 출력하기 bgColor : 웹페이지 배경색 변경 fgColor : 웹페이지 글자색 변경 내장 객체 JSON 객체 : 자바스크립트 객체의 형태를 갖는 문자열 ▶ JSON.stringify : 배열 → JSON 문자열 ▶ JSON.parse : JSON 문자열 → 배열 (= 자바스크립트 객체) Form 객체 : 입력 양식 제어 ▶ 태그의 name 속성을 폼 객체로 사용하기 ... Text 객체 : 정보 입력 ▶ 태그의 name 속성을 text 객체로 사용하기 → form 객체로 text 객체에 접근 : frm01.id ▶ value 속..