Index 만들기 이번 프로젝트의 기간은 총 2주이기 때문에 원본 네이버 지식인 사이트를 모두 클론 코딩하기에는 시간이 부족했습니다 그래서 가장 중요한 기능이라고 생각되고 만들어보고 싶었던 기능만 추가하여 Index를 꾸몄습니다 Index.jsp - script 중요하게 사용된 스크립트는 하단의 QnA를 보여주는 리스트입니다 제가 배운 페이징은 ajax를 사용하지 않으면 화면이 새로고침되며, 최상단으로 올라가는 문제가 있기 때문에 페이징을 ajax로 비동기 처리를 하였습니다 Controller main화면 출력에 사용되는 GetMapping입니다 @GetMapping("/") public String Index(@RequestParam(value = "bestPage", required = false, ..
Comment 기능 만들어보기 댓글이 없다면 아직 작성된 댓글이 없습니다를 출력 이후 댓글이 달리는 경우 출력문이 사라지고 댓글을 출력 Detail.jsp 먼저 댓글은 게시글을 들어가는 상세페이지에서 확인할 수 있기 때문에 Detail.jsp를 수정했습니다 추가로 사용된 CDN은 moment와 jquery입니다 moment - JavaScript로 작성된 날짜 및 시간 처리 라이브러리 날짜 및 시간을 쉽게 파싱, 조작, 표시할 수 있도록 다양한 기능을 제공 jquery - ajax용 그이상 이하도 아님 Detail.jsp - body 추가 이렇게 table 태그 안에서도 구역을 head body foot으로 나누어주면 스타일을 넣어주기 훨씬 더 편합니다 아직 작성된 댓글이 없습니다 id 작성자 내용 작성..
Ajax - 알아보기 ajax를 알아보기 전에 동기식 , 비동기식이 뭔지 알아보겠습니다 동기식 : 한 번에 한 가지씩 실행되고 다음 작업은 이전 작업이 완료된 후에 실행됩니다 비동기식 : 두 개 이상의 작업이 동시에 실행될 수 있는 것을 말합니다 여기서 ajax는 비동기식 웹 개발에 사용되는 기술입니다 (Asynchronous JavaScript and XML의 줄임말입니다) 웹 페이지를 다시 로드하지 않고도 백그라운드에서 서버와 데이터를 주고 받을 수 있습니다 Ajax - 사용 예시 문법 - Ajax는 Jquery를 사용하는게 더 가독성이 좋기 때문에 Jquery를 사용했습니다 함수호출01 Ajax의 기본 구조입니다 전송 방식 , 주소값 , success , error 로 이루어져 있습니다 succes..
