본문 바로가기

분류 전체보기101

[Vue.js] Vue.js 기초 1. 디렉티브 : 'v-' 로 시작하는 속성. 주로 데이터 바인딩과 관련된 처리 * v-if, v-bind, key 등은 속성임 2. 데이터 바인딩: 데이터와 렌더링을 동기화하는 구조 ● 텍스트 바인딩 {{ message }} * new Vue() 는 한 개만 만들고, 컴포넌트로 UI를 구축한다. //관례적으로 app 또는 vm(ViewModel)라는 변수 이름을 사용함 var app = new Vue({ // new Vue() 는 한 개만 만들고, 컴포넌트로 UI를 구축한다 el: '#app', data: { message: 'Hello Vue.js' } }) console.log(app.message) // app.data.message 가 아니라는 점 주의 ● 반복 렌더링 data옵션에 등록한 배열.. 2024. 1. 17.
[JavaScript] 이미지 슬라이드 소스 ?atchFileId=&fileSn=' /> 2023. 12. 5.
[Spring Boot] Cubrid insert jsp 자산 등록 자산 명 * 품목 선택 * 모델 명 바코드 번호 바코드 양식을 참고하여 입력해 주세요. 취득일자 * 취득가액 * 원 * 숫자만 입력 가능합니다. 자산구분 * 자산 구분값을 선택하세요. 상위 구분값을 선택하세요. 자산구분을 선택하세요. 부서 * 위치 * 그룹을 선택하세요. 상위 그룹을 선택하세요. 상위 그룹을 선택하세요. 담당자 * 자산 이미지 * 구매처 비고 자산 등록 목록 Controller @Controller @RequestMapping("/property") public class PropertyController { static public final Logger logger = LogManager.getLogger(PropertyController.class); @Resour.. 2023. 11. 20.
[Swiper] 라이브러리 포커스이동 swiper 라이브러리를 사용해서 팝업이미지들이 자동으로 재생되고 있음 키보드 tab을 눌렀을때 a링크에 포커스가 잡히면 해당 이미지가 화면에 나오도록 라이브러리와 스크립트 이용하기 . var timer = 4000; //4000 var mainSwiper = new Swiper( "#popupList", { slidesPerView: 1, autoplay: { delay: timer, disableOnInteraction: true, }, loop: true, allowTouchMove : true, effect: 'fade', fadeEffect: { crossFade: true, }, pagination: { el: ".swiper-pagination", loop: true, clickable: t.. 2023. 11. 17.
[Spring] jsp - Controller 복습 개인정보처리방침 package egovframework.cleanhakwon.personalInfo.web; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Component; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; @Component("PersonalInfoController") @Controller public class PersonalInfoController { @Requ.. 2023. 11. 13.
[JSTL] 날짜사용 = currentDate}" /> background:#f4f4f4" data-week="" data-index="" class="td td today week-sun week-mon week-tue week-wed week-thu week-fri week-sat "> 오늘 .. 2023. 11. 9.
[Spring Boot] select 검색조건유지 jstl 상태값 전체 예약 완료 취소 `${searchVO.searchLessonStatus}` 와 각 옵션의 값을 비교하고 일치하는 경우 `selected`속성을 추가하여 상태값을 선택한다. 이렇게 하면 검색된 값에 따라 상태값을 선택할 수 있다. 2023. 11. 6.
[Spring Boot] DAO 검색 list.jsp 에서 선택한 레슨구분, 레슨시간, 상태값 컨트롤러로 넘겨서 다오에서 DB 검색 후 결과 화면에 출력 레슨구분 ${master.lesson_master_nm } === 레슨 시간 === ${time } 상태값 전체 예약 완료 취소 강사 전체 ${manager.userName } @RequestMapping("/list.do") public String list(@ModelAttribute("searchVO") LessonReservationVO vo, Model model, HttpServletRequest request) throws Exception { logger.info("Call /lesson/reservation/list.do"); try { // 로그인 정보 LoginVO lo.. 2023. 11. 6.
[Spring Boot] jstl 로 스크립트 줄이기 레슨변경시 시간option 변경 골프선택시 15분, 25분 PT선택시 60분 처음 코드 function fn_LessonChange() { var searchLessonMasterIdAdmin = document.querySelector('.searchLessonMasterIdAdmin'); var searchLessonTime = document.getElementById('searchLessonTime'); var selectedLesson = searchLessonMasterIdAdmin.value; var selectedValue = document.querySelector(".searchLessonMasterIdAdmin").value; if(selectedLesson == 'PT'){ $("#.. 2023. 11. 3.
728x90

티스토리툴바