본문 바로가기

내일배움캠프 미니프로젝트1/개발 코드 공유3

미니 팀과제 기술 공유 ( 3번 subC(post) 데이터 삭제) 1번 : https://seed0335.tistory.com/10 2번 : https://seed0335.tistory.com/13 흐름도 참고 : 전체 흐름도에서 sub 붙은 내용이 게시글 등록 삭제와 관련된 부분입니다. 1. subA : 사용자가 입력한 관람 후기를 등록됩니다. 2. subB : 사용자가 출력한 데이터를 기록합니다. 이 과정에서 삭제 버튼도 함께 작성됩니다. 3. subC : 사용자가 삭제 버튼을 누르면 DB에서 데이터가 삭제됩니다. 3. subC : 2번 내용에서 만든 버튼을 클릭하면 매개변수 del 함수가 동작하면서 ('${id}' + ${comment}') 값이 매개변수로 들어가게 됩니다. sub.html 내용 let temp_html = ` ${id} ${comment} 삭제 .. 2023. 5. 13.
미니 팀과제 기술 공유 ( 2번 subB(post) 데이터 화면 출력) 1번 글 : https://seed0335.tistory.com/10 3번 글 : https://seed0335.tistory.com/11 흐름도 참고 : 전체 흐름도에서 sub 붙은 내용이 게시글 등록 삭제와 관련된 부분입니다. 1. subA : 사용자가 입력한 관람 후기를 등록됩니다. 2. subB : 사용자가 출력한 데이터를 기록합니다. 이 과정에서 삭제 버튼도 함께 작성됩니다. 3. subC : 사용자가 삭제 버튼을 누르면 DB에서 데이터가 삭제됩니다. 2번 : subB(post) 데이터 화면 출력 app.py에서 DB에 저장된 값을 꺼내서 get방식으로 index.html 파일로 보냅니다. # B : 데이터 보내기 @app.route("/subB1", methods=["GET"]) def sub.. 2023. 5. 11.
미니 팀과제 기술 공유 ( 1번 subA(post) 데이터 입력) 2번 : https://seed0335.tistory.com/13 3번 : https://seed0335.tistory.com/11 흐름도 참고 : 전체 흐름도에서 sub 붙은 내용이 게시글 등록 삭제와 관련된 부분입니다. 1. subA : 사용자가 입력한 관람 후기를 등록됩니다. 2. subB : 사용자가 출력한 데이터를 기록합니다. 이 과정에서 삭제 버튼도 함께 작성됩니다. 3. subC : 사용자가 삭제 버튼을 누르면 DB에서 데이터가 삭제됩니다. 1. subA(post) 입력 sub.html 부분에서 사용자가 폼 태그에 닉네임, 관람평을 입력합니다. 닉네임 관람평 등록하기 sub.html script 폼 태그로 받은 내용을 post 방식 백엔드로 보냅니다. // A : 데이터 보내기 functio.. 2023. 5. 11.