일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 26 | 27 | 28 |
- springboot
- css
- 욕심쟁이 알고리즘
- thymeleaf-layout-dialect
- 데이터셋
- labelImg
- 정처기
- html
- 게시판만들기
- HTML공부
- combobox
- 데이터셋 직접
- 드라이브 마운트
- 직접 라벨링
- object detection
- 이것이 취업을 위한 코딩 테스트다 with 파이썬
- 모델 훈련
- 정처기 실기
- 방만들기
- isDisable
- customized yolov5
- 조회수 증가
- YOLOv5
- 정렬알고리즘
- 객체 감지
- React
- 글 검색
- 게시판
- 컴활1급필기
- 스프링부트
- Today
- Total
목록인턴 기록 (17)
기록장
게시판에는 꼭 있어야 하는 검색 기능도 만들어보자. 내가 설계한 검색 기능은 1. 글 내용으로 검색 (해당 키워드가 내용에 포함되어 있는 경우) 2. 글 제목으로 검색 (해당 키워드가 제목에 포함되어 있는 경우) 3. 작성자로 검색 (키워드와 작성자가 일치하는 경우) 이렇다. 검색을 하면 일치하는 글들만 목록 페이지에 뜨도록 만들 것이다. 1. 검색 form 만들기 선택 옵션으로 (제목, 내용, 작성자)를 넣고 옆에는 키워드를 입력할 수 있는 input창을 만들었다. 검색 버튼도 만들었다. 버튼을 누르면 getSearchList()함수를 실행한다 2. 검색 리스트를 불러오는 ajax 요청 만들기 select option과 keyword를 서버 url로 보내면 검색된 글들을 받는 ajax 요청을 만들었다...
글을 작성한 사람이 나중에 글을 수정할 수도 있어야 한다. 삭제 기능과 똑같이 글을 작성한 사람이 수정할 수 있어야 하기때문에 삭제 기능때 만든 비밀번호 check.하는 것을 재사용하도록 할것이다. 글 수정 기능을 요약하자면 대략 이렇다 1. 글 상세 페이지에서 수정 버튼을 클릭 2. 비밀번호 확인 3.1 비밀번호가 일치하지 않으면 alert 메시지 띄우기 3.2 비밀번호가 일치하면 내용을 작성할 수 있는 textarea와 수정버튼 활성화 4. 수정버튼을 눌렀을 때 db업데이트하고 글 상세 페이지로 이동 필요한것은 - 수정을 위한 페이지 생성 - 페이지와 controller mapping - service단, dao단 만들기 - 쿼리문 작성 들이다. 시작해보자 ^_^ 1. 수정 페이지 만들기 revise..
이번 글에서는 글 제목을 누르고 상세 페이지를 들어갔을 때 아래에 댓글을 작성하는 기능을 만들어보도록 하겠슴당 먼저 댓글 기능을 만들려면 필요한 것들이 있는데, 1. 댓글 table 만들기 2. 약간의 UI수정 3. CommentDto 생성 4. 댓글을 작성하는 기능 추가 (controller mapping부터 쿼리문 작성까지) 5. 댓글을 불러오는 기능 추가 (controller mapping부터 쿼리문 작성까지) 정리하자면 이렇게다. 3번은태그를 이용하여 url에 post방식으로 전송할 것이고, 4번은 ajax 콜을 이용해 페이지 리로딩 없이 해당 글의 댓글들을 불러올 것이다. 그럼 이제 시작해보자 ~~ 1. 댓글 table 만들기 댓글 기능에 삭제도 있어야 한다고 생각해서 table 칼럼들을 만들었..
이제 글을 삭제하는 기능을 구현해볼 것이다. 내가 머릿속에 그려놓은 삭제 기능은 더보기란 클릭 !! 더보기 1. 먼저 삭제 버튼을 클릭 2. 그럼 비밀번호를 입력하는 페이지가 뜨고 3. 먼저 해당 글을 작성했을 때의 비밀번호를 입력하고 오른쪽 버튼을 클릭하면 비밀번호가 맞는지 check를 한다. 3-1. 비밀번호가 틀린 경우 alert메세지가 뜨고 글 목록 페이지로 이동 3-2. 비밀번호가 맞으면 삭제 버튼이 활성화가 되고 누를 수 있다. 4. 삭제 버튼을 클릭 5. 글이 삭제가 되고 글 목록 페이지롱 이동 1. 먼저 삭제 버튼을 클릭 2. 그럼 비밀번호를 입력하는 페이지가 뜨고 3. 먼저 해당 글을 작성했을 때의 비밀번호를 입력하고 오른쪽 버튼을 클릭하면 비밀번호가 맞는지 check를 한다. 3-1. ..