jQuery
-
File Upload 다중 파일을 선택하여 업로드하는 기능 구현 중요 기능 - 업로드 - 업로드 경로 - 업로드 저장 세부 기능 - 업로드 진행바 - 업로드 파일 형식 제한(검증) - 업로드 미리보기 - 업로드된 파일 다운로드 기술스텍 Java, Spring, JavaScript, JQuery, Ajax, HTML Apache Tomcat v9.0 업로드 | 화면 화면에서 업로드할 파일을 구성하고 서버에서 받을 파일 형식을 설정해 지정된 경로로 저장 multiple: 파일 선택시 다중 파일을 선택할 수 있다. accept: 파일 확장자를 지정해서 원하는 확장자만 보이게 한다. FormData: Ajax로 폼 전송을 가능하게 하게 함 - JSON 구조로 "KEY-VALUE" (키와 값) 구조로 데이터를 전..
Spring | File UploadFile Upload 다중 파일을 선택하여 업로드하는 기능 구현 중요 기능 - 업로드 - 업로드 경로 - 업로드 저장 세부 기능 - 업로드 진행바 - 업로드 파일 형식 제한(검증) - 업로드 미리보기 - 업로드된 파일 다운로드 기술스텍 Java, Spring, JavaScript, JQuery, Ajax, HTML Apache Tomcat v9.0 업로드 | 화면 화면에서 업로드할 파일을 구성하고 서버에서 받을 파일 형식을 설정해 지정된 경로로 저장 multiple: 파일 선택시 다중 파일을 선택할 수 있다. accept: 파일 확장자를 지정해서 원하는 확장자만 보이게 한다. FormData: Ajax로 폼 전송을 가능하게 하게 함 - JSON 구조로 "KEY-VALUE" (키와 값) 구조로 데이터를 전..
2023.02.06 -
서버 우선 서버 쪽 기능을 먼저 생각해봅시다. 하트를 누르면 1) 어떤 포스트를 2) 누가 눌렀고 3) 좋아요인지 좋아요 취소인지를 알아야겠죠? 숙제로 만들 다른 반응들(⭐, 👍)을 생각하면 어느 아이콘을 눌렀는지도 알아야겠네요. DB에 저장할 때는 1) 누가 2) 어떤 포스트에 3) 어떤 반응을 남겼는지 세 정보만 넣으면 되고, 좋아요인지, 취소인지에 따라 해당 도큐먼트를 insert_one()을 할지 delete_one()을 할지 결정해주어야합니다. if action_receive =="like": db.likes.insert_one(doc) else: db.likes.delete_one(doc) 좋아요 컬렉션을 업데이트한 이후에는 해당 포스트에 해당 타입의 반응이 몇 개인지를 세서 보내주어야합니다...
Ajax/JQuery | 좋아요 기능서버 우선 서버 쪽 기능을 먼저 생각해봅시다. 하트를 누르면 1) 어떤 포스트를 2) 누가 눌렀고 3) 좋아요인지 좋아요 취소인지를 알아야겠죠? 숙제로 만들 다른 반응들(⭐, 👍)을 생각하면 어느 아이콘을 눌렀는지도 알아야겠네요. DB에 저장할 때는 1) 누가 2) 어떤 포스트에 3) 어떤 반응을 남겼는지 세 정보만 넣으면 되고, 좋아요인지, 취소인지에 따라 해당 도큐먼트를 insert_one()을 할지 delete_one()을 할지 결정해주어야합니다. if action_receive =="like": db.likes.insert_one(doc) else: db.likes.delete_one(doc) 좋아요 컬렉션을 업데이트한 이후에는 해당 포스트에 해당 타입의 반응이 몇 개인지를 세서 보내주어야합니다...
2023.01.02 -
파일 업로드 라이브러리 파일 업로드 scripts $(document).ready(function () { bsCustomFileInput.init() listing() }) AJax /* POST 요청 ajax 코드 */ function post_posting() { // 고유 id let 함수로 정의 let picture = $('#post_picture').val() let comment = $('#post_comment').val() let pic = $('#pic')[0].files[0] let form_data = new FormData() form_data.append("picture_give", picture) form_data.append("pic_give", pic) form_data...
Ajax/JQuery | 사진 업로드파일 업로드 라이브러리 파일 업로드 scripts $(document).ready(function () { bsCustomFileInput.init() listing() }) AJax /* POST 요청 ajax 코드 */ function post_posting() { // 고유 id let 함수로 정의 let picture = $('#post_picture').val() let comment = $('#post_comment').val() let pic = $('#pic')[0].files[0] let form_data = new FormData() form_data.append("picture_give", picture) form_data.append("pic_give", pic) form_data...
2023.01.02 -
API # # 좋아요 POST # @app.route('/api/like', methods=['POST']) def new_post_like(): like_receive = request.form['like_give'] post_id_receive = request.form['post_id_give'] print(post_id_receive, like_receive) # 저장하고 doc = { 'likes': like_receive, 'post_id' : post_id_receive } db.likes.insert_one(doc) return jsonify({'msg': 'like +1'}) @app.route('/api/like', methods=['POST']) def update_post_like(..
TIL_220506_팀 프로젝트API # # 좋아요 POST # @app.route('/api/like', methods=['POST']) def new_post_like(): like_receive = request.form['like_give'] post_id_receive = request.form['post_id_give'] print(post_id_receive, like_receive) # 저장하고 doc = { 'likes': like_receive, 'post_id' : post_id_receive } db.likes.insert_one(doc) return jsonify({'msg': 'like +1'}) @app.route('/api/like', methods=['POST']) def update_post_like(..
2023.01.01