내일배움단 11일메이킹챌린지 8일차

5주차 수업에 들어갔다. 마지막 프로젝트 개요 준비를 하기에 앞서 FileZilla와 도메인 구매를 진행했다. 어디다 쓰는지는 아직 공부하지 않았다.

팀프로젝트 작업물은 일단 발표할 만큼은 완성했다!
시간과 도시가 동시에 변수로 작용하는 함수를 만드는 게 관건이었는데, 팀원 분이 중첩 함수를 써서 해결하셨다.

            $(document).ready(function () {
                showsky();
            });

            function bring(n) {
                time = $('#time_'+n).attr('id').split('_')[1];
                return show(city, time)
            }

            function bring_city(where) {
                city = $('#city_'+where).attr('id').split('_')[1];
                return show(city, time)
            }

            function show(city, time) {
                $("#city_"+city).attr('href','static/'+city+'_'+time+'.jpg');
            }

            function showsky() {
                $.ajax({
                    type: "GET",
                    url: "/click",
                    data: {},
                    success: function (response) {
                        let get_city = response['cities'][0]['city']
                        let get_time = response['times'][0]['time']
                        alert('도시 : '+get_city[0]+', 시간 : '+get_time[0]);
                    }
                })
            }

이로써 초기 계획했던 구동은 다 성공적으로 실행됐다!
제출 기한이 8월까지로 늘어나서 인기순으로 도시를 배열하는 리스트라던가, 낮밤에 따라 바다 색이 바뀌는 기능은 차차 추가하기로 했다.