crud
-
2023 - 06 - 07 댓글 CRUD 기능 3. Read (조회)Today I Learned/TIL 06 2023. 6. 6. 23:20
오늘 할일 조회 Read 함수 오늘 배운 것 조회 Read 함수 만들기 HTML 태그 조회 기능은 댓글 생성, 댓글 삭제, 댓글 수정(업데이트)처럼 클릭,submit같은 이벤트발생에서 호출되는게 아닌, 자체호출되도록 함. 우선 댓글생성에서 유저로부터 받아온 값은 아이디, 비밀번호, 댓글 3개인데, 조회에서 필요한 값은 비밀번호와 댓글 2개. 처음 Object매서드를 이용해서 Object.entries(localStorage)로 저장된 key값과 value값을 모두 가져온다. [Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2)] 0['1686139717521', '{"id":1686139717521,"name":"1..
-
2023 - 06 - 06 댓글 CRUD 기능 2. Delete (삭제)Today I Learned/TIL 06 2023. 6. 6. 12:54
오늘 할일 CRUD구성하기 : 삭제 (Delete) 오늘 배운 것 CRUD구성하기 : 댓글 삭제 (Delete) 먼저, 댓글을 삭제하려면 기존에 입력한 '비밀번호'를 다시 입력해야 한다. 그래서 입력창과 버튼을 만들고, 그 버튼에 onclick함수를 걸어 버튼 클릭시 삭제 함수가 실행되게 한다. 삭제 그럼, 이제 댓글 삭제 로직을 먼저 생각해보자. 먼저 입력저장된 ID, PW, Comment 의 값들은 다 key값에 저장되어 있으므로 저장된 localStorage에서 가져와야 한다. 참고로, localStorage에는 문자열만 저장된다. 따라서 문자열화된 localStorage의 내용을 자바스크립트 객체or배열로 갖고오려면 JSON.parse() 함수를 쓴다. (반대로 자바스크립트 객체or배열을 loca..
-
2023 - 06 - 05 댓글 CRUD 기능 1. Create (생성)Today I Learned/TIL 06 2023. 6. 4. 22:11
오늘 할일 댓글 생성 Create 구현 오늘 배운것 댓글 CRUD => 생성 Create 구현 1. Create (댓글 생성) createComment: 새로운 댓글을 생성하여 저장합니다. saveComment: 새로운 댓글을 저장소(로컬 스토리지 또는 서버)에 저장합니다. 2. Read (댓글 조회) getComments: 저장소에서 모든 댓글을 가져옵니다. displayComments: 가져온 댓글을 화면에 표시합니다. 3. Update (댓글 수정) editComment: 선택한 댓글을 수정할 수 있는 입력 필드를 화면에 표시합니다. updateComment: 수정한 내용을 저장소에 업데이트합니다. 4. Delete (댓글 삭제) deleteComment: 선택한 댓글을 저장소에서 삭제합니다. CR..