Dev Blog - purplecloud

js로 로그인시에 필요한 정보를 ajax로 넘겨서 구현해보려고 한다. -login.html 각각 userid와 userpw에 keyup할때마다 function을 주었는데 해당 input값에 변할때마다 value값을 js에서 받아주기 위함임. -login.js userid와 userpw를 각각 getuserid와 getuserpw 값으로 받아서 ajax로 넘기고, 만약 아이디가 없다면 숫자 2를, 만약 1일 경우에는 로그인 되는 로직으로 진행했다. -UserLoginController.java @PostMapping("/main") @ResponseBody public int postMain(@RequestParam("userid") String userid, @RequestParam("userpw") S..

프로젝트를 진행하면서 필요했던 기능 중 하나인데, 동일한 위치에 사진 레이어를 두고 버튼을 누를때마다 display 값이 바뀌면서 보이는 사진이 달라지는 사진 슬라이드를 구현해보자. 여기에서는 5개 사진만 넣어서 구현했는데 추가로 사진을 더 넣고 싶다면 html에서 item-wrap div를 추가해서 사진을 추가하면 된다. -slide.html 이전 페이지 이동 다음 페이지 이동 -slide.js // 사진 슬라이드 기능 // pagenum의 역할은 버튼을 누를때마다 순서를 정해주는 역할임 // btn-next 버튼을 누를때마다 숫자를 증가시켜서 위치를 전달해줌 let pagenum=0; // slideNum은 사진의 갯수만큼 길이를 저장해줌 let slideNum=$($(".item")).length;..