내일배움캠프 18일차 개발일지

# TIL

 

벌써 4주차인가..? 웹프로그래밍 심화 강의를 부리나케 따라고 있다. 오늘은 강의를 잠시 접어두고 
팀프로젝트를 진행하기로 했다.

2차 팀프로젝트
와이어프레임

api 설계

gitignore통해서 github에서 원치않는 파일을 받는것을 방지해준다. 
gitignore.io 를 이용하여 간편하게 사용해줄수 있다.

bootstarp 의 Modal 창에 데이터 입력값 받아주기

function makeModal(info){
            temp_html = `<div class="modal fade" id=${info['name']} tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">한 줄 리뷰 작성하기</h5>
                                    </div>
                                    <div class="modal-body">
                                        <form>
                                            <div class="form-group">
                                                <label for="recipient-name" class="col-form-label">작성자:</label>
                                                <input type="text" class="form-control" id="writer${info['name']}">
                                            </div>
                                            <div class="form-group">
                                                <label for="message-text" class="col-form-label">리뷰를 달아주세요:</label>
                                                <textarea class="form-control" id="reviewcontent${info['name']}"></textarea>
                                            </div>
                                        </form>
                    
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">닫기</button>
                                        <button type="button" onclick="postReview('${info['name']}')" class="btn btn-warning">작성 완료</button>
                                    </div>
                                </div>
                            </div>
                        </div>`
            $("#set_modal").append(temp_html)
        }​

문자형으로 변수를 바꿔서 id 값 적용하기

function postReview(owner_name) {
    let writer = $('#writer'+owner_name).val()
    let review_content = $('#reviewcontent'+owner_name).val()
    console.log(owner_name, writer, review_content)
    $.ajax({
        type: "POST",
        url: "/review",
        data: {owner_give:owner_name, user_give:writer, review_give:review_content},
        success: function (response) {
            alert(response["msg"]);
            window.location.reload();

        }
    })
}