Comment 기능 만들어보기 댓글이 없다면 아직 작성된 댓글이 없습니다를 출력 이후 댓글이 달리는 경우 출력문이 사라지고 댓글을 출력 Detail.jsp 먼저 댓글은 게시글을 들어가는 상세페이지에서 확인할 수 있기 때문에 Detail.jsp를 수정했습니다 추가로 사용된 CDN은 moment와 jquery입니다 moment - JavaScript로 작성된 날짜 및 시간 처리 라이브러리 날짜 및 시간을 쉽게 파싱, 조작, 표시할 수 있도록 다양한 기능을 제공 jquery - ajax용 그이상 이하도 아님 Detail.jsp - body 추가 이렇게 table 태그 안에서도 구역을 head body foot으로 나누어주면 스타일을 넣어주기 훨씬 더 편합니다 아직 작성된 댓글이 없습니다 id 작성자 내용 작성..
Save - jsp 내용 업로드 파일 업로드 시에는 form태그의 enctype 이 "multipart/form-data"로 설정되어야 한다 method는 post이어야 한다 input 태그의 type 속성 값을 file로 지정해야 한다 BoardDTO @Data @NoArgsConstructor public class BoardDTO { Long id; String boardWriter; String boardPass; String boardTitle; String boardContents; Timestamp boardCreateDate; int boardHits = 0; int fileAttached = 0; List boardFile; } DTO에서는 MultipartFile 타입의 boardfil..
url 조건 MySQL 테이블 DTO 시작페이지 Index header - nav - section - footer로 나눴고 nav에는 글작성 , 글목록으로 이동할 수 있게 링크가 걸려있음 글작성 글목록 글 작성 페이지 나는야 세이브 작성자: 글비밀번호: 글제목 내용 내용을 작성할 공간은 textarea로 만들어 주었음 clos rows를 이용하여 가로 세로 크기도 정해줌 이렇게 입력된 게시글 내용은 post로 controller의 /board/save에 넘어가게된다 Controller @Controller @RequestMapping("/board") // 공통 주소값으로 설정 public class BoardController { @Autowired private BoardService boardSe..
Save.jsp 여기서 중요한부분은 async:false 인데 ajax는 비동기 처리방식이지만 async가 false라면 처리방식이 동기로 전환되며 true일 경우 비동기로 처리됩니다 default값은 true이기 때문에 굳이 적지 않아도 상관 없습니다 비동기 처리방식일 때에는 ajax의 success , error 부분에서는 값을 가져올 수 없지만 동기 처리방식으로 전환하였기 때문에 resResult에 담긴 값을 가져와 리턴할 수 있습니다 Controller @PostMapping(value = "/emailCheck", produces = "application/text; charset=utf-8") public ResponseEntity emailCheck(@RequestParam("saveEmai..
JSON이란 ? JavaScript Object Notation의 약자 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식입니다 JSON은 데이터 포맷일 뿐 통신 방법 , 프로그래밍 문법이 아니라 단순히 데이터를 표시하는 표현 방법이라고 합니다 JSON의 특징 태그로 보다는 중괄호({}) 같은 형식으로 시작하고 , 값을 "KEY" : "Value "로 표현합니다 ajax - json 사용 이번 예시에서는 하나의 Object만 만들어 사용하였지만 , 여러가지 Object로 여러개 사용 가능하다 JSON형식에는 null , number , string , array , object , boolean을 사용할 수 있다 @RequestBody - 어노테이션 알아보기 전날에는 @Response..
Ajax - 알아보기 ajax를 알아보기 전에 동기식 , 비동기식이 뭔지 알아보겠습니다 동기식 : 한 번에 한 가지씩 실행되고 다음 작업은 이전 작업이 완료된 후에 실행됩니다 비동기식 : 두 개 이상의 작업이 동시에 실행될 수 있는 것을 말합니다 여기서 ajax는 비동기식 웹 개발에 사용되는 기술입니다 (Asynchronous JavaScript and XML의 줄임말입니다) 웹 페이지를 다시 로드하지 않고도 백그라운드에서 서버와 데이터를 주고 받을 수 있습니다 Ajax - 사용 예시 문법 - Ajax는 Jquery를 사용하는게 더 가독성이 좋기 때문에 Jquery를 사용했습니다 함수호출01 Ajax의 기본 구조입니다 전송 방식 , 주소값 , success , error 로 이루어져 있습니다 succes..
회원정보 수정 - 만들어보기 1. 조건 - 회원 상세 페이지에서 버튼을 사용하여 정보 수정으로 이동하기 2. 조건 - 변경 전 비밀번호를 입력받고 수정 (비밀번호가 틀리다면 수정하지 않음) Controller @GetMapping("/memberDetail") public String memberDetail(@RequestParam("id") Long id, HttpSession session) { 로그인 이후 회원 상세페이지를 누르면 memberDetail 주소를 요청함 로그인하며 받은 정보는 session에 저장했기 때문에 id를 파라미터로 받음 @RequstParam을 통해 id값을 받음 MemberDTO memberDTO = memberService.detailList(id); id값은 고유값으로..
실습 - 만들어보기 쇼핑몰 회원관리의 연장선 너무 길기 때문에 다작성 하지는 않고 새로 배운 부분만 작성 인천 일보 아카데미 46일차 -2- 배운 내용으로 만들어보기 (쇼핑몰 회원관리) / redirect 약간 이해함 아래 사진과 같이 만들어 봅시다 조건 .1 save.jsp에서 사용자가 회원 성명을 입력하지 않은 경우 팝업으로 "회원성명이 입력되지 않았습니다"를 출력하고 해당 text바에 포커스 조건 .2 마찬가지로 guping.tistory.com 년도를 자동으로 찍어주는 footer만들기 어느 사이트를가도 하단에는 저작권을 나타내는 footer가 존재하고 년도까지 적혀있습니다 여기서 푸터의 저작권 년도는 해가 지날때마다 바꿔주어야하기 때문에 해가지나면 자동으로 변경되게 만드는게 보통입니다 HttpS..
