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

김도윤·2021년 7월 27일
0

프로젝트

time 값을 받아와서 불러올 사진에 적용시키는 작업을 했다.

            function bring(n) {
                let time = $('#time_'+n).attr('id').split('_')[1];
                $("#city_name").attr('href','static/name_'+time+'.jpg');

모든 버튼에 적용을 하였다. (보이나... 노가다의 흔적이...)
중첩 함수(a.k.a inner function)를 적용하면 노가다를 안해도 됐는데, JS에서 중첩 함수를 어떻게 적용하는지도 모르겠고 검색해도 안나와서 하는 수 없이 하나씩 넣었다ㅠ

<a style="position:absolute; left:350px;top:150px; cursor:pointer;" 
   id="city_name" onclick="bring_city('name')" href="static/name_12.jpg" data-title="name" 
   data-lightbox="example-set">
  <img src = 'static/heartpin.png' width="20px"  height="20px"></a>

이거 20개에 함수 내부 코드까지 20개... 진짜 노가다였긴 하다...

그래도 결과는 만족스럽다.

마지막 작업으로 인기 순위 넣기, 다듬기가 남았다 (그러길 바람)

profile
Newbie

0개의 댓글

관련 채용 정보