project 3 Bite A Bit 프로젝트 완성, 도메인 구입해 서버 연결!

 

 

기존에 문제가 되었던 

1. 왠지모르게 알럿창이 두번뜨고..

2. 이상해서 서버쪽에 print를 찍었는데 여기서도 수정이 필요한 부분 (post_kor, post_memo)이 두번 프린트가 된다. 

 

이 부분을 드디어 고쳤다.

 

문제가 되었던 부분

 

나는

1. 모달창을 띄워주는 함수인 edicCard

2. 서브밋을 누르면 실행하는 함수인 fn_edit

두개를 가지고 있었는데

 

editCard를 실행시킬때마다 를 실행시키고 있었던 것.. , , , , , , , ,

fn_edit(post_eng)

 

그래서 함수를 두번호출할수도 있는 것들은 모조리 없애고

 

1. 버튼 태그가 원래 <div class="modal-footer">로 eng, kor, memo 텍스트 태그와는 다른 곳에 있었는데<div class="modal-body>

그냥 footer 태그를 없앤 후 버튼들을 바디 쪽으로 옮겨줬다. 그리고 폼으로 텍스트부분과 버튼 부분을 나눠줌

 

2.  모달창에서는 플레이스홀더값에 기존에 값을 삽입해주는 작업만 

 

 

3. 서브밋을 누르면 실행되는 함수에서는

 

1) 플레이스 홀더값을 가져오고

var post_eng = $('#new_post_eng').attr('placeholder');
var new_post_kor = $('#new_post_kor').attr('placeholder');
var new_post_memo = $('#new_post_memo').attr('placeholder');

 

2) 새로운 값이 있다면 새로운 값을 추출. 단 영어표현은 수정되지 않기 때문에 영어는 빼고

var new_post_kor_1= $('#new_post_kor').val();
var new_post_memo_1= $('#new_post_memo').val();

 

3) if문으로 플레이스 홀더값 이랑 새로운 값 비교

if (new_post_kor_1 == "" && new_post_memo_1 == "") {
var post_kor = new_post_kor;
var post_memo = new_post_memo;
} else if (new_post_kor_1 == "" && new_post_memo_1 != "") {
var post_kor = new_post_kor;
var post_memo = new_post_memo_1;
} else if (new_post_kor_1 != "" && new_post_memo_1 == "") {
var post_kor = new_post_kor_1;
var post_memo = new_post_memo;
} else {
var post_kor = new_post_kor_1;
var post_memo = new_post_memo_1;
}

 

4. click 이벤트 삭제하고 그냥 에이작스만 붙여주기

$.ajax({
type: "POST",
url: "/post/edit",
data: {post_eng_give : post_eng, post_kor_give : post_kor, post_memo_give : post_memo },
success: function (response) {
if (response["result"] == "success") {
console.log(post_eng, post_kor, post_memo, '3');
alert(response["msg"]);

window.location.reload()
}
}
})

 

 

가비아를 통해서 싼 도메인을 구입해 도메인을 aws 퍼블릭 포트와 연결해줬고, 터미널로 서버가 계속 돌아가는 코드를 넣어줬다.

nohup python app.py &

 

 

aws 와 가비아 도메인 구입 및 서버 연결은 다른 포스팅으로 좀 더 자세하게 써야겠다.

http://biteabit.shop/

Bite A Bit

 

완전 끝이라곤 할 수 없지만, 1달 정도를 투자하며 만든 내 프로젝트가 우선은 이렇게 완성이 됐다.