내마음대로만들어보자/JAVA & Spring25 타임라인 프로젝트 만들기 - 메모 삭제하기(deleteOne 함수) ※ 개발 순서 1. DELETE API 사용해서 메모 삭제하기 내가 삭제하려는 id값을 찾아서 삭제하는게 중요 2021. 6. 28. 타임라인 프로젝트 만들기 - 메모 변경하기(submitEdit 함수) ※ 개발 순서 1. 작성 대상 메모의 username 과 contents 확인 2. 작성한 메모가 올바른지 확인 3. 전달할 data를 JSON으로 바꾸기 4. PUT /api/memos/{id} 에 data를 전달 1. 작성 대상 메모의 username 과 contents 확인 이부분에 대해서 작성할떄 가장중요한 부분은 addHTML에서 보여지는 메모 내용과 수정버튼을 눌렀을때 입력 메모내용 은 ID값이 다르기때문에 구분을 잘 해야한다. 2. 작성한 메모가 올바른지 확인 isValidContents 의 내용은 이전포스팅 내용을 참고해보자!! 미리 작성해둔 코드를 통해 여러군데에서 동일한 값으로 사용이 가능하다. 3. 전달할 data를 JSON으로 바꾸기 4. PUT /api/memos/{id} 에 da.. 2021. 6. 28. 타임라인 프로젝트 만들기 - 메모조회하기(getMessages 함수) * 개발 순서 1. 기존 메모 제거하기 2. GET API 사용해서 메모 목록 불러오기 3. 메모마다 HTML 만들고 붙이는 함수 만들기 1. 기존 메모 제거하기 메모에 해당하는 박스의 ID값을 통해 제거가 가능하다. 2. GET API 사용해서 메모 목록 불러오기 GET API를 통해 불러오면은 response에 메모 관련 해당정보들이 저장이된다. 그럼 HTML을 통해 붙여주는 함수만 만들어주면 끝! 3. 메모 마다 HTML 만들고 붙이는 함수 만들기 이때, 주의할점은 생성일자, 수정일자 데이터가 넘어오지않는걸 볼 수 있는데!!!!! 바로, Timestamped 에 @Getter 를 선언해주지않아서그렇다. 이정보 또한 쉽게 접근하고 변경하는걸 방지하기위해 private로 선언을 하였기때문에 @Gette.. 2021. 6. 28. 타임라인 프로젝트 만들기 - 메모생성하기(writePost 함수) * 개발 순서 확인 1. 사용자가 입력한 메모 내용 확인하기 2. POST API를 사용해서 신규 메모 생성하기 3. 새로고침하여 업데이트된 메모 목록 확인하기 1. 사용자가 입력한 메모 내용 확인하기 이떄, .val() .text() .html() 에 차이점을 알아두자. - $(셀렉터).val() → input태그에 정의된 value속성의 값 or input태그에 입력된 값 - $(셀렉터).text() → 셀렉터 하위에 있는 자식 태그들의 문자열만 출력 - $(셀렉터).html() → 셀렉터 하위에 있는 자식 태그들을 태그나 문자열 따질 것 없이 전부 가져온다. 2. 작성한 내용 확인하기 미리 작성된 코드를 활용해서 작성한 내용에 대한 검증을 해보자! 위에 작성된 스크립트는 "빈값 or 140이상" 일.. 2021. 6. 28. 이전 1 2 3 4 ··· 7 다음
