반응형 Website Production 반응형 21 spring 홈페이지 - (18) 마이페이지 정보&비밀번호 수정 오늘은 마이페이지 기능에 대해 이야기해보려합니다. 마이페이지 같은 경우는 회원가입 페이지와 기능이 유사하기 때문에 회원가입 부분을 일부 활용하였습니다. 아래는 구현화면이며, 간단하게 기능을 구현해보았습니다. 디자인 파일 HomeController ( / ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 @RequestMapping(value = "/", method = RequestMethod.GET) public String home(Locale locale, HttpServletRequest request, Model model, HttpSession session) { LoginVO loginVO = (LoginVO) session... 2022. 9. 12. spring 홈페이지 - (17) 아이디&비밀번호 찾기 1년만에 홈페이지 만들기를 다시 올려보네요... 너무 게을렀네요.. 앞으로 추가적인 기능을 더 올려보도록 하겠습니다. 1년전과 이어서 오늘은 아이디&비밀번호 찾기에 대해 포스팅해보겠습니다. 아래는 구현 영상입니다. 흔히 사용하는 기능을 간단히 만들어보았습니다. 디자인 압축파일은 아래있으니 다운받으셔서 활용하셔도 괜찮습니다. login.jsp 1 2 3 4 5 6 로그인 회원가입 아이디 찾기 비밀번호찾기 찾기 Colored by Color Scripter cs 우선 로그인화면에서 아이디 찾기와 비밀번호 찾기 버튼을 만들어줍니다. AccountController 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 @RequestMapping(value = "/account/search.. 2022. 9. 6. 이클립스 War 파일 리눅스 압축 풀기 (프로젝트 서버 반영 작업) 안녕하세요. 오늘은 이클립스의 프로젝트 파일을 war로 압축한 후, 리눅스에 압축을 풀어 개발서버에 반영하는 방법에 대해 정리해보겠습니다. 우선 이클립스에서 압출할 프로젝트에 마우스 우클릭을 한 다음, Export를 눌러줍니다. War파일을 선택한 후 다음을 눌러줍니다. destination의 browse를 눌러 저장할 경로를 설정해 준다음 Finish를 눌러주면 바탕화면에 war파일이 생성됩니다. 그리고 파일질라를 통해서 압축을 풀고자하는 디렉토리에 파일을 업로드해줍니다. putty putty에서 root계정으로 로그인한 후, 압축을 풀고자하는 디렉토리로 이동합니다. 기존 프로젝트는 public_html에 있습니다. 저는 back이라는 폴더에 기존 프로젝트 파일을 백업한 다음, public_html에 .. 2021. 10. 8. [Chrome] 특정 글자 찾아 변경해주는 프로그램 (Find & Replace for Text Editing) 안녕하세요. 오늘은 크롬에서 특정글자를 찾아 변경해주는 프로그램을 설치하고 사용하는 방법에 대해 알아보겠습니다. 워드나 엑셀처럼 Ctrl + f 해서 특정 글자를 찾아 변경해주는 기능을 찾다가 Find & Replace for Text Editing 라는 크롬 확장 프로그램을 찾았습니다! 다운로드 주소 : https://chrome.google.com/webstore/detail/find-replace-for-text-edi/jajhdmnpiocpbpnlpejbgmpijgmoknnl/related?hl=en-GB Find & Replace for Text Editing Adds search & replace tool for input fields and editable text content. chrom.. 2021. 9. 10. spring 홈페이지 - (16) 로그인/로그아웃 작업 (feat.아이디 기억하기) 지난시간에 회원가입을 하였으니 이번엔 로그인을 해야겠죠! 우선 완료화면입니다. 대략 이런 흐름이며, 아래 자세히 설명되어 있습니다. 로그인 화면은 지난번 받았던 부트스트랩 파일에서 login.html을 사용하도록 하겠습니다. 회원가입 포스팅을 한달만에 쓰는 거니... 이 강아지를 한달만에 보는거네요... 볼때마다 깜짝 놀랍니다... 머 어째꺼나 이 디자인 가지고 사용할 예정입니다. 그리고 지난번에 만들었던 account에서 login.jsp에 이 html 파일을 넣어줍니다. login.jsp 링크나 src에 css나 js의 경로를 찾기 위해서 /resources/ 를 붙여줘야 합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 2.. 2021. 5. 7. spring 홈페이지 - (15) 회원가입 작업 (feat.아이디 중복체크/비밀번호 암호화) 안녕하세요. 오랜만에 웹사이트 만드는 포스팅을 하네요. 이게 워낙 길기도하고.. 포스팅할것이 많다보니 저도 모르게 손을 놓고 있었네요..ㅋㅋ 이젠 다시 진행하려하는데 우선은 회원 기능이 있어야 다른 기능도 수월하다 생각하여 회원가입 먼저 진행하겠습니다. 아래는 구현화면입니다. 중복 체크 유효성 검사 (프로젝트는 이전 프로젝트에서 이어서 진행하는 점 참고 바라며, 프로젝트를 참조하지 않아도 기능만 확인하는데는 문제 없다고 생각합니다.) 우선은 header.jsp에서 의 주석 위에 버튼 두개를 만들어줍니다. 하나는 회원가입, 하나는 로그인 버튼이죠! Header.jsp 로그인 회원가입 그리고 옆에 메세지표시랑 알람표시는 사용하지 않을거니 지워주도록 하죠. 부터 위의 까지 지워줍니다. 조금더 깔끔해졌죠. 그리.. 2021. 4. 1. Spring 홈페이지 - (14) 게시판 페이징 쿼리스트링 작업 지난 시간 페이징 작업에 이어 페이징 쿼리스트링을 해보도록 하겠습니다. 3번 페이지 버튼을 누르면 주소창에 아래와 같이 뜹니다. http://localhost:8080/board/list?pageIndex=3&searchKeyword= list에 물음표 ? 뒤에있는 값들 즉, 파라미터(변수를 던진 값)을 통해서 페이징이 가능한거죠 그런데 게시판들 들어가보면 게시판 인덱스 뒤에 아무것도 붙어 있지가 않습니다. 파라미터 값을 가지고 오지 못한 거죠!! 결국 목록을 누르면 3번 페이지 화면이 아닌, 1번 페이지의 처음 시작화면이 되게 됩니다. 즉, 3번페이지에서 게시글을 눌러서 작업을 완료하고 목록을 눌렀을 경우 3번페이지로 유지되기 위한 작업 파라미터 값을 계속해서 넘겨주는 작업을 QeuryString (쿼.. 2021. 3. 1. Spring 홈페이지 - (13) 게시판 페이징 작업 오늘은 게시판 페이징을 해보겠습니다. 제가 한 방식은 전자정부프레임워크에서 사용되는 방식을 변형하여 만들었습니다. 제가 사용하던 방식이라 복습차원이기도하고 실제로도 다른 방식보다 편리합니다. 새로 작성한 AJAX 페이징 방식 글입니다!! 구현하실 분들은 참고해주세요! https://chobopark.tistory.com/249 AJAX 페이징 구현 방법!! (영상 有) 안녕하세요. 오늘은 AJAX로 페이징 처리하는 방법에 대해 이야기해보겠습니다. 저는 자바를 기반으로한 AJAX 페이징 처리 방법을 정리하였습니다. 우선 AJAX 에 대해 이야기해보겠습니다. Ajax란 Asyn chobopark.tistory.com 우선 페이징을 하기 위해서는 파라미터를 통해 페이징 처리를 하기 때문에 클래스를 만들어 변수.. 2021. 3. 1. Spring 홈페이지 - (12) 게시판 검색 페이지 작업 이번에는 게시판 검색 페이지를 만들어보겠습니다. 게시판 검색 형태는 다양합니다. 현재는 페이징이라던지 기능이 없는 상태이기에 단어 검색만 다뤄보겠습니다. (추후 여러가지 검색을 다룰 예정입니다.) 작업순서는 아래의 순서로 진행하겠습니다. list.jsp 페이지 수정 VO 변수 추가 mapper.xml 검색 쿼리 추가 현재는 부트스트랩에 페이징과 검색부분이 적용되어 있습니다. 하지만 저희는 프로그램을 개발하는 목적이기때문에 해당 부분을 지우고 프로그램 개발을 해보도록 하겠습니다. list.jsp 우선 테이블에 붙어있는 id="dataTable" 이 있는데 이 값이 있어서 자동으로 검색과 페이징이 되는 것입니다. id값을 지워줍니다 그럼 기존 화면에서 페이징과 검색부분이 삭제된 것을 볼 수 있습니다. 깔끔하.. 2021. 2. 3. 이전 1 2 3 다음
