Chrome으로 디버깅하기


HTML

딕셔너리 사용하는 법

{% for key, value in counts.items %}
    <h6 class="font-weight-normal text-gray"> {{key}} <a href="#" class="h6">{{value}}</a></h6>
{% endfor %}

Python & HTML & JavaScript

python list를 html → javascript 로 전달하기

def index(request):
    context = {}
    import json
    context['test'] = json.dumps(['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'])
    return render(request, 'index.html', context)
<div class="ct-chart-sales-value">
    <div id="input-chart-values" labels="{{ test }}"></div>
</div>
if(d.querySelector('.ct-chart-sales-value')) {
  var chart_values = d.getElementById('input-chart-values');
  var labels = chart_values.getAttribute('labels');
	labels = JSON.parse(labels)
}

유용 툴

프론트엔드 프레임워크! Bootstrap...그 외 꿀템 공유! (5 frontend framework that will save your time)

무료 로고 자동 제작 사이트 10곳

Tabler 550+ Free Icons - uistore.design