15일 메이킹챌린지 [2]

[9월 30일]

오늘의 주 회의내용은 구체적으로 어떤작업을 해올것인지!!이다
나는 카드를 정보를 DB에 입력후 temp_html로 묶어서 .append를 도전 해보려고한다..

[10월 1일]

이때까지만 해도 이미지를 db에 어떻게 저장해야할지 모르겠고 내가 이걸어떻게 구현해내야하는건지 모르겠고 오류는 뜨고 멘붕도 오고 결국 포기하고 재료추천페이지를 7개를 각각 만들었다...

[10월 2일]

페이지를 만들고나니 카드 정렬이 안맞고 질환별 알아두어야할 정보란에 입력할내용이 있는것과 없는게 너무 극명해서 정렬맞추고 정보를 더 수집해서 오는걸로 하고 바로 작업에 들어갔다..

[10월 3일]

카드정렬을 맞추고 정보를 저장하고나니 재료에 대한 영양정보를 넣어야해서 공공 open api를 받아서 불러와 temp_html로 묶어서 .append 하는작업을 해보기로했다. 알아보니 신청을하고 신청 허가를 받아야하는데 4일까지 공휴일이라 바로 허락이 안떨어지는것이였다..
다른팀원분이 영양정보를 저장해놓으신 엑셀 파일이 있다고 하여 csv를 json으로 변경해서 db에 직접 저장했다..

[10월4일]

처음시도했을때는 어떻게 해야할지 막막하고 모르겠어서 포기했었는데 이번엔 디비에 정보를 넣는거까지는 성공했다..!

이정보를를 다시 페이지로 불러오기위해서
function view_liver() {
$.ajax({
type: "GET",
url: "/liver",
data: {},
success: function (response) {
let liver = response['liver'];

            console.log(liver)
            for (let i = 0; i < liver.lenth; i++) {
                let name = liver[i]["식품명"];
                let g = liver[i]["1회제공량"];
                let kcal = liver[i]["에너지(㎉)"];
                let 단백질 = liver[i]["단백질(g)"];
                let 지방 = liver[i]["지방(g)"];
                let 탄수화물 = liver[i]["탄수화물(g)"];
                let 식이섬유 = liver[i]["총 식이섬유(g)"];

                let temp_html = `    <tr>
                                            <th>
                                            <div class="card">
                                                <div class="card-header">"${name}"</div>
                                            <div class="card-body">
                                                <blockquote class="blockquote mb-0">
                                                    <p>"${g}"</p>
                                                    <p>"${kcal}"</p>
                                                    <p>"${단백질}"</p>
                                                    <p>"${지방}"</p>
                                                    <p>"${탄수화물}"</p>
                                                    <p>"${식이섬유}"</p>
                                                </blockquote>
                                            </div>
                                            </div>
                                            </th>
                                            </tr>`
                $("#random").append(temp_html)
            }
        }

    })
}

까지는 완성했는데.. 여기서부터가 문제였다..

SyntaxError: invalid syntax가 뜨고 페이지가 get요청이 되지않는다...

[10월5일]

요청이 안되는 문제에 대해서 튜터님에게 질문을 했는데 SyntaxError: invalid syntax 이 에러는 문법이 틀려서 나오는건데 이부분이 첫줄부터 나오는데 첫줄에는 이상은없었고 바로 찾기가 힘드시다고 내일 확인하고 알려주신다고 했다..!
이 문제로 진도는 안나가고 이거 하나만연결해야하는게 아니라 총 7개를 연결해야하고 15일챌린지의 끝은 다가오니 조금은 막막하다..

[10월 6일]

오늘은 드디어 연결하는방법까지는 완성했다 이제 남은건 7질환 좋은재료 안좋은재료 전부 불러오는것!! 열심히해서 오늘까진 연결해놓는게 목표!
코드는 다 작성했으나 아직 연결은 다못했지만 연결만하면 끝이니까 퐈이팅!

[10월7일]

오늘이 드디어 마지막날!! 연결은 다했고 작업한 파일과 디비에 저장될내용을 정리해서 올렸는데 스트링은 다빠져나오고 정렬이 내가 지정한거랑 다르게 나와서 결국 완성을 재대로 못했다ㅜ

아쉽긴하지만 15일동안 중간중간 고비가오는순간에 다른 팀원들이 있어서 포기하지않고 마지막까지 달려올수있었던같아요 11조원분들 모두 감사하고 수고하셨습니다~!