내일배움단_메이킹챌린지_6기_(6)

7872 단어 내일배움카드국비지원댓글리뷰메이킹챌린지textarea

#코딩 개발일지 시작의 한마디

  • 레시피 요청 페이지 구현

#개발 업무내용
[오늘의 목표]
1. 레시피 요청 페이지 구현

[토의내용]
1. 디자인

#업무 중 이슈/고민 .. 그리고 해결한 내용

마이페이지를 통해 추가되었으면 하는 요리를 요청할 수 있는 기능 구현!

add_recipe.html

<body>
        <div>
            <div class="request_list">
                <h4>[요청 목록]</h4>
            </div>

            <div class="add_request">

            <h4>[레시피 요청]</h4>
            <textarea name="new-request" id="new-request" cols="3" rows="2"></textarea>

            <div class="btn-container">

                <div class="btn-item">
                    <button  class="btn-main" id="btn-req" onclick="add_request()">레시피 등록</button>
                </div>

            </div>
        </div>
</body>
  • textarea태그에서 cols속성으로 가로크기를, rowa속성으로 세로크기를 설정할 수 있다.
add_recipe.js

function request_show(){
    $.ajax({
        type: "GET",
        url: "/request/show",
        data: {},
        success: function (response) {
            let requests = response['all_requests']
            for (let i = 0; i < requests.length; i++) {
                let uid = requests[i]['user_id']
                let request = requests[i]['request']
                let datetime = requests[i]['datetime']
                let request_html = `<li> ${uid}: ${request} / ${datetime} </li>`
                
                $('.request_list').append(request_html)
            }
        }
    })
}




function add_request(){
    let comment = $('#new-request').val();
    $.ajax({
        type: "POST",
        url: "/request",
        data: {request_give:comment},
        success: function (response) {
            let user_id = response['user_id']
            let req_html = `<li> ${user_id}: ${comment} / ${date} </li>`
            if (user_id == undefined) {
                alert('로그인 후 이용해주세요.')
            } else{
                $('.request_list').append(req_html)
                alert('추가 완료')
            }
        }
    })
}
app.py

@app.route("/addrecipe")
def add_recipe():
    return render_template("add_recipe.html")

#To-do List
디자인작업 후 마무리

백준 - 알파벳 찾기(10809)
Algorithm 03 | code kata

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage