🔥 오늘의 목표

• 출근

---

📝 노트필기 및 정리

- 진도
1.

포스트맨이란?
https://meetup.toast.com/posts/107
Postman은 개발한 API를 테스트하고,
테스트 결과를 공유하여 API 개발의 생산성을 높여주는 플랫폼입니다.

MYSQL이란?
https://m.blog.naver.com/sscj4459/221800444686
MySQL은 오픈소스 방식의 DBMS(데이터베이스 관리 시스템) 프로그램이다.

yaml 파일이란?
https://www.inflearn.com/questions/16184
https://velog.io/@bloomspes/yaml-%ED%8C%8C%EC%9D%BC-%EC%9E%91%EC%84%B1-%EC%9A%94%EB%A0%B9-%EA%B8%B0%EC%B4%88%ED%8E%B8-%EC%8A%A4%ED%94%84%EB%A7%81%ED%8E%B8
기존의 json, xml파일과 같이 데이타 전송 파일로 생각하면 되겠네요.

---

데이터 바인딩!!!

<script>
        $.ajax({
            type: "GET",
            url: "/i-am-catholic/catholics",
            data: {
                "size": 30
            },
            success: function (result) {
                console.log(result);
                let listTag="";

                if( result.content.length != 0 ){ //결과값이 0이 아닐 경우
                    result.content.forEach(function (item) {
                        if( item.gubun == null ) item.gubun="";
                        if( item.area == null ) item.area="-";
                        if( item.status == null ) item.status="-";

                        listTag +=
                            "<li>" +
                            "<a href='./baptismal_detail.html'>" +
                            "<p class='name'><span class='blue'>"+item.gubun+"</span> "+item.baptismalName+"</p>" +
                            "<ul class='info'>" +
                            "<li>"+item.baptismalDate+"</li>" +
                            "<li>"+item.status+"</li>" +
                            "<li>"+item.area+"</li>" +
                            "<li>"+item.year+"</li>" +
                            "</ul>" +
                            "<span class='more-btn'>+ 자세히 보기</span>" +
                            "</a>" +
                            "</li>";
                    });
                    $(".btmList-wrap").html(listTag);
                }
            }
        });
    </script>"

<script>
        $.ajax({
            type: "GET",
            url: "/i-am-catholic/churches",
            data: {
                "size": 10,
                "queryType": "전체"
            },
            success: function (result) {
                console.log(result);
                let listTag="";

                if( result.content.length != 0 ){ //결과값이 0이 아닐 경우
                    result.content.forEach(function (item) {
                        // if( item.gubun == null ) item.gubun="";
                        // if( item.area == null ) item.area="-";
                        // if( item.status == null ) item.status="-";

                        listTag +=
                            "<li>" +
                            "<a href='./church_detail.html'>" +
                            "<div class='img-wrap'>" +
                            "<span>" +
                            "<img src='../images/churchImg01.jpg' alt='주교좌명동 대성당'>" +
                            "</span>" +
                            "</div>" +
                            "<div class='text-wrap'>" +
                            "<p class='title'>주교좌명동 대성당</p>" +
                            "<p class='text'>우리나라 최초의 본당, 한국 천주교 신앙의 중심이 되는 명동 대성당은 붉은 벽돌과 뾰족한 첨탑의 고딕 양식이 돋보이는 웅장하고 아름다운 성당입니다.<br>명동대성당은 김대건 신부가 활동한 성당이기도 합니다.</p>" +
                            "</div>" +
                            "</a>" +
                            "</li>";
                        });
                    $(".tabCont-list-wrap").html(listTag);
                }
            }
        });
    </script>

---

💭 느낀점

• 오늘 한 일은 무엇인가요?

• 중요한 것/기억해야 하는 것은 무엇인가요?

데이터 바인딩을 배웠다 신기하다!!!

• 내일 할 일은 무엇인가요?