<![CDATA[
<div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rv9664n7deil2l32bgmif8jhr@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignCenter" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rv9664n7deil2l32bgmif8jhr/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33275813666&signature=r9ibWl0l7iOyouAssYJMZ6KMIEM%3D" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rv9664n7deil2l32bgmif8jhr@my?service=daum_cafe&ptoken=v2_88529696cab2b604a2c72c953b1b405cc0bac638de57fc093eca43370740641d3a326a83f78c5bcc11b1f47795a48d9bdeaebb889962847c7d97ea7032" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><p>================ restapiTest4.jsp ===================</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div><div style="line-height:130%">215</div><div style="line-height:130%">216</div><div style="line-height:130%">217</div><div style="line-height:130%">218</div><div style="line-height:130%">219</div><div style="line-height:130%">220</div><div style="line-height:130%">221</div><div style="line-height:130%">222</div><div style="line-height:130%">223</div><div style="line-height:130%">224</div><div style="line-height:130%">225</div><div style="line-height:130%">226</div><div style="line-height:130%">227</div><div style="line-height:130%">228</div><div style="line-height:130%">229</div><div style="line-height:130%">230</div><div style="line-height:130%">231</div><div style="line-height:130%">232</div><div style="line-height:130%">233</div><div style="line-height:130%">234</div><div style="line-height:130%">235</div><div style="line-height:130%">236</div><div style="line-height:130%">237</div><div style="line-height:130%">238</div><div style="line-height:130%">239</div><div style="line-height:130%">240</div><div style="line-height:130%">241</div><div style="line-height:130%">242</div><div style="line-height:130%">243</div><div style="line-height:130%">244</div><div style="line-height:130%">245</div><div style="line-height:130%">246</div><div style="line-height:130%">247</div><div style="line-height:130%">248</div><div style="line-height:130%">249</div><div style="line-height:130%">250</div><div style="line-height:130%">251</div><div style="line-height:130%">252</div><div style="line-height:130%">253</div><div style="line-height:130%">254</div><div style="line-height:130%">255</div><div style="line-height:130%">256</div><div style="line-height:130%">257</div><div style="line-height:130%">258</div><div style="line-height:130%">259</div><div style="line-height:130%">260</div><div style="line-height:130%">261</div><div style="line-height:130%">262</div><div style="line-height:130%">263</div><div style="line-height:130%">264</div><div style="line-height:130%">265</div><div style="line-height:130%">266</div><div style="line-height:130%">267</div><div style="line-height:130%">268</div><div style="line-height:130%">269</div><div style="line-height:130%">270</div><div style="line-height:130%">271</div><div style="line-height:130%">272</div><div style="line-height:130%">273</div><div style="line-height:130%">274</div><div style="line-height:130%">275</div><div style="line-height:130%">276</div><div style="line-height:130%">277</div><div style="line-height:130%">278</div><div style="line-height:130%">279</div><div style="line-height:130%">280</div><div style="line-height:130%">281</div><div style="line-height:130%">282</div><div style="line-height:130%">283</div><div style="line-height:130%">284</div><div style="line-height:130%">285</div><div style="line-height:130%">286</div><div style="line-height:130%">287</div><div style="line-height:130%">288</div><div style="line-height:130%">289</div><div style="line-height:130%">290</div><div style="line-height:130%">291</div><div style="line-height:130%">292</div><div style="line-height:130%">293</div><div style="line-height:130%">294</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>%@&nbsp;page&nbsp;language<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"java"</span>&nbsp;contentType<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text/html;&nbsp;charset=UTF-8"</span>&nbsp;pageEncoding<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span>%<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>%@&nbsp;taglib&nbsp;uri<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"http://java.sun.com/jsp/jstl/core"</span>&nbsp;prefix<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"c"</span>&nbsp;%<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>c:set&nbsp;<span style="color:#ff3399">var</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"ctp"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"${pageContext.request.contextPath}"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>DOCTYPE&nbsp;html<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>meta&nbsp;charset<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>restapiTest4.jsp<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>jsp:include&nbsp;page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/bs4.jsp"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffd500">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">const</span>&nbsp;API_KEY&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">'qjTgcL%2FCRtG5A4leU8qHU8IkFPtxaRRKEdL6bllEOVctu0YkaJpBj4OzrP4H1UzFXxO0WAfYNeZ%2BQJNrSpMw2Q%3D%3D'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;async&nbsp;<span style="color:#ff3399">function</span>&nbsp;getCrimeDate()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2015</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:fbbfd36d-d528-4c8e-aa9b-d5cdbdeec669"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2016</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:21ec6fa1-a033-413b-b049-8433f5b446ff"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2017</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:67117bd9-5ee1-4e07-ae4a-bfe0861ee116"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2018</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:2d687e27-b5c3-4bdb-9b77-c644dcafcbc7"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2019</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:b6cc7731-181b-48e1-9a6c-ae81388e46b0"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2020</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:fdde1218-987c-49ba-9326-8e3ba276141e"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2021</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:943e757d-462b-4b3a-ab9f-9a8553637ca2"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2022</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:5e08264d-acb3-4842-b494-b08f318aa14c"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"https://api.odcloud.kr/api"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;apiYear;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"?serviceKey="</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;API_KEY;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&amp;page=1&amp;perPage=200"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;response&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;await&nbsp;fetch(url);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//console.log("response&nbsp;:&nbsp;",&nbsp;response);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;res&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;await&nbsp;response.json();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"res&nbsp;:&nbsp;"</span>,&nbsp;res);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;res.data.map((item,&nbsp;i)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;[</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"."</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"발생년도&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.발생년도&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"년"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;경찰서&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;&nbsp;item.경찰서&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;강도&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.강도&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;절도&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.절도&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;살인&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.살인&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"&lt;br/&gt;"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;검색한&nbsp;자료를&nbsp;DB에&nbsp;저장하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;async&nbsp;<span style="color:#ff3399">function</span>&nbsp;saveCrimeDate()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2015</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:fbbfd36d-d528-4c8e-aa9b-d5cdbdeec669"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2016</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:21ec6fa1-a033-413b-b049-8433f5b446ff"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2017</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:67117bd9-5ee1-4e07-ae4a-bfe0861ee116"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2018</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:67117bd9-5ee1-4e07-ae4a-bfe0861ee116"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2019</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:b6cc7731-181b-48e1-9a6c-ae81388e46b0"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2020</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:fdde1218-987c-49ba-9326-8e3ba276141e"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2021</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:fdde1218-987c-49ba-9326-8e3ba276141e"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#ff3399">if</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">2022</span>)&nbsp;apiYear&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/15084592/v1/uddi:5e08264d-acb3-4842-b494-b08f318aa14c"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"https://api.odcloud.kr/api"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;apiYear;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"?serviceKey="</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;API_KEY;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&amp;page=1&amp;perPage=200"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;response&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;await&nbsp;fetch(url);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//console.log("response&nbsp;:&nbsp;",&nbsp;response);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;res&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;await&nbsp;response.json();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"res&nbsp;:&nbsp;"</span>,&nbsp;res);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;res.data.map((item,&nbsp;i)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;[</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"."</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"발생년도&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.발생년도&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"년"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;경찰서&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;&nbsp;item.경찰서&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;강도&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.강도&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;절도&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.절도&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;살인&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.살인&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">",&nbsp;폭력&nbsp;:&nbsp;"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;item.폭력&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"&lt;br/&gt;"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;화면에&nbsp;출력된&nbsp;자료들을&nbsp;모두&nbsp;DBdp저장시켜준다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//alert(‎"경찰서&nbsp;:&nbsp;"&nbsp;+&nbsp;res.data[0].강도);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;query&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>res.data.<span style="color:#4be6fa">length</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(res.data[i].경찰서&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">null</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;query&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;year&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;year,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;police&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;res.data[i].경찰서,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;robbery&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;res.data[i].강도,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;theft&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;res.data[i].절도,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;murder&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;res.data[i].살인,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;violence&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;res.data[i].폭력</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;&nbsp;:&nbsp;<span style="color:#ffd500">"${ctp}/study/restapi/saveCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;:&nbsp;<span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data&nbsp;:&nbsp;query,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error:&nbsp;<span style="color:#ff3399">function</span>()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"년도&nbsp;자료가&nbsp;DB에&nbsp;저장되었습니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;강력범죄DB삭제</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;deleteCrimeDate(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;:&nbsp;<span style="color:#ffd500">"${ctp}/study/restapi/deleteCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;:&nbsp;<span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data&nbsp;:&nbsp;{year&nbsp;:&nbsp;year},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span style="color:#ff3399">function</span>(res){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(res&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#c10aff">0</span>)&nbsp;<span style="color:#4be6fa">alert</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"년도&nbsp;강력범죄DB삭제&nbsp;완료"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">else</span>&nbsp;<span style="color:#4be6fa">alert</span>(year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>&nbsp;<span style="color:#ffd500">"년도&nbsp;강력범죄DB삭제&nbsp;실패"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error:&nbsp;<span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;강력범죄DB출력</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;listCrimeDate(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;str<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;:&nbsp;<span style="color:#ffd500">"${ctp}/study/restapi/listCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;:&nbsp;<span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data&nbsp;:&nbsp;{fieldName&nbsp;:&nbsp;<span style="color:#ffd500">'year'</span>,&nbsp;value&nbsp;:&nbsp;year},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span style="color:#ff3399">function</span>(vos){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;table&nbsp;class='table&nbsp;table-hover'&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;&lt;th&gt;No&lt;/th&gt;&lt;th&gt;발생연도&lt;/th&gt;&lt;th&gt;경찰서&lt;/th&gt;&lt;th&gt;강도&lt;/th&gt;&lt;th&gt;절도&lt;/th&gt;&lt;th&gt;살인&lt;/th&gt;&lt;th&gt;폭력&lt;/th&gt;&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>vos.<span style="color:#4be6fa">length</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(vos[i].police&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">null</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].year<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].police<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].robbery<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].theft<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].murder<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].violence<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;&lt;td&nbsp;colspan='7'&nbsp;class='m-0&nbsp;p-0'&gt;&lt;/td&gt;&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;/table&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error&nbsp;:&nbsp;<span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;경찰서별&nbsp;출력</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;policeCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;police&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#police"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;str<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;:&nbsp;<span style="color:#ffd500">"${ctp}/study/restapi/listCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;:&nbsp;<span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data&nbsp;:&nbsp;{fieldName&nbsp;:&nbsp;<span style="color:#ffd500">'police'</span>,&nbsp;value&nbsp;:&nbsp;police},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span style="color:#ff3399">function</span>(vos){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;table&nbsp;class='table&nbsp;table-hover'&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;&lt;th&gt;No&lt;/th&gt;&lt;th&gt;발생연도&lt;/th&gt;&lt;th&gt;경찰서&lt;/th&gt;&lt;th&gt;강도&lt;/th&gt;&lt;th&gt;절도&lt;/th&gt;&lt;th&gt;살인&lt;/th&gt;&lt;th&gt;폭력&lt;/th&gt;&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>vos.<span style="color:#4be6fa">length</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(vos[i].police&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">null</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].year<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].police<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].robbery<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].theft<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].murder<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].violence<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;&lt;td&nbsp;colspan='7'&nbsp;class='m-0&nbsp;p-0'&gt;&lt;/td&gt;&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;/table&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error&nbsp;:&nbsp;<span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;년도/경찰서별출력</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">function</span>&nbsp;yearPoliceCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;police&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"#police"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;yearOrder&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;$(<span style="color:#ffd500">"input[name='yearOrder']:checked"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">let</span>&nbsp;str<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;:&nbsp;<span style="color:#ffd500">"${ctp}/study/restapi/listYearPoliceCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;:&nbsp;<span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data&nbsp;:&nbsp;{year&nbsp;:&nbsp;year,&nbsp;police&nbsp;:&nbsp;police,&nbsp;yearOrder&nbsp;:&nbsp;yearOrder},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span style="color:#ff3399">function</span>(vos){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;table&nbsp;class='table&nbsp;table-hover'&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;&lt;th&gt;No&lt;/th&gt;&lt;th&gt;발생연도&lt;/th&gt;&lt;th&gt;경찰서&lt;/th&gt;&lt;th&gt;강도&lt;/th&gt;&lt;th&gt;절도&lt;/th&gt;&lt;th&gt;살인&lt;/th&gt;&lt;th&gt;폭력&lt;/th&gt;&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span>&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>vos.<span style="color:#4be6fa">length</span>;&nbsp;i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">if</span>(vos[i].police&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#4be6fa">null</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].year<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].police<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].robbery<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].theft<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].murder<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;td&gt;"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].violence<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"&lt;/td&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;tr&gt;&lt;td&nbsp;colspan='7'&nbsp;class='m-0&nbsp;p-0'&gt;&lt;/td&gt;&lt;/tr&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"&lt;/table&gt;"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error&nbsp;:&nbsp;<span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>jsp:include&nbsp;page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/nav.jsp"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>jsp:include&nbsp;page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/slide2.jsp"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>br<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"container"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>경찰청&nbsp;강력범죄&nbsp;발생&nbsp;현황&nbsp;자료&nbsp;리스트<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>hr<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>form&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"myform"</span>&nbsp;method<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"post"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>select&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"year"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"year"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>c:forEach&nbsp;<span style="color:#ff3399">var</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"i"</span>&nbsp;begin<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"2015"</span>&nbsp;end<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"2022"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"${i}"</span>&nbsp;${year&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span>&nbsp;i&nbsp;?&nbsp;<span style="color:#ffd500">'selected'</span>&nbsp;:&nbsp;<span style="color:#ffd500">''</span>}<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>${i}년도<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>c:forEach<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄제공현황조회"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"getCrimeDate()"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-success&nbsp;mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄DB저장"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"saveCrimeDate()"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-success&nbsp;mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄DB삭제"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"deleteCrimeDate()"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-success&nbsp;mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄DB출력"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"listCrimeDate()"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-success&nbsp;mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;경찰서&nbsp;지역명&nbsp;:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>select&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"police"</span>&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"police"</span>&nbsp;xxxxonchange<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"policeCheck()"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>서울<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>경기<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>강원<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>충북<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>충남<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>전북<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>전남<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>경북<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>경남<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>제주<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&amp;</span>nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;정렬순서&nbsp;:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"radio"</span>&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearOrder"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"asc"</span>&nbsp;checked<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>오름차순</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"radio"</span>&nbsp;<span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearOrder"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"desc"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>내름차순&nbsp;:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>input&nbsp;type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span>&nbsp;value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"년도/경찰서별출력"</span>&nbsp;<span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearPoliceCheck()"</span>&nbsp;<span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn&nbsp;btn-secondary"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>form<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>hr<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>div&nbsp;id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>hr<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span>범죄&nbsp;분석&nbsp;통계<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>&nbsp;<span style="color:#c10aff">1.</span>&nbsp;년도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>강도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>살인<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>절도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>폭력&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>&nbsp;<span style="color:#c10aff">2.</span>&nbsp;경찰서별&nbsp;통계&nbsp;:&nbsp;&nbsp;년도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>강도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>살인<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>절도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>폭력&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span>&nbsp;<span style="color:#c10aff">3.</span>&nbsp;범죄발생건수가&nbsp;가장&nbsp;작은&nbsp;지역?&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>br<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span>jsp:include&nbsp;page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/footer.jsp"</span>&nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399">&lt;</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div><div style="line-height:130%">215</div><div style="line-height:130%">216</div><div style="line-height:130%">217</div><div style="line-height:130%">218</div><div style="line-height:130%">219</div><div style="line-height:130%">220</div><div style="line-height:130%">221</div><div style="line-height:130%">222</div><div style="line-height:130%">223</div><div style="line-height:130%">224</div><div style="line-height:130%">225</div><div style="line-height:130%">226</div><div style="line-height:130%">227</div><div style="line-height:130%">228</div><div style="line-height:130%">229</div><div style="line-height:130%">230</div><div style="line-height:130%">231</div><div style="line-height:130%">232</div><div style="line-height:130%">233</div><div style="line-height:130%">234</div><div style="line-height:130%">235</div><div style="line-height:130%">236</div><div style="line-height:130%">237</div><div style="line-height:130%">238</div><div style="line-height:130%">239</div><div style="line-height:130%">240</div><div style="line-height:130%">241</div><div style="line-height:130%">242</div><div style="line-height:130%">243</div><div style="line-height:130%">244</div><div style="line-height:130%">245</div><div style="line-height:130%">246</div><div style="line-height:130%">247</div><div style="line-height:130%">248</div><div style="line-height:130%">249</div><div style="line-height:130%">250</div><div style="line-height:130%">251</div><div style="line-height:130%">252</div><div style="line-height:130%">253</div><div style="line-height:130%">254</div><div style="line-height:130%">255</div><div style="line-height:130%">256</div><div style="line-height:130%">257</div><div style="line-height:130%">258</div><div style="line-height:130%">259</div><div style="line-height:130%">260</div><div style="line-height:130%">261</div><div style="line-height:130%">262</div><div style="line-height:130%">263</div><div style="line-height:130%">264</div><div style="line-height:130%">265</div><div style="line-height:130%">266</div><div style="line-height:130%">267</div><div style="line-height:130%">268</div><div style="line-height:130%">269</div><div style="line-height:130%">270</div><div style="line-height:130%">271</div><div style="line-height:130%">272</div><div style="line-height:130%">273</div><div style="line-height:130%">274</div><div style="line-height:130%">275</div><div style="line-height:130%">276</div><div style="line-height:130%">277</div><div style="line-height:130%">278</div><div style="line-height:130%">279</div><div style="line-height:130%">280</div><div style="line-height:130%">281</div><div style="line-height:130%">282</div><div style="line-height:130%">283</div><div style="line-height:130%">284</div><div style="line-height:130%">285</div><div style="line-height:130%">286</div><div style="line-height:130%">287</div><div style="line-height:130%">288</div><div style="line-height:130%">289</div><div style="line-height:130%">290</div><div style="line-height:130%">291</div><div style="line-height:130%">292</div><div style="line-height:130%">293</div><div style="line-height:130%">294</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>%@ page language<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"java"</span> contentType<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"text/html; charset=UTF-8"</span> pageEncoding<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span>%<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>%@ taglib uri<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"http://java.sun.com/jsp/jstl/core"</span> prefix<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"c"</span> %<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>c:set <span style="color:#ff3399">var</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"ctp"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"${pageContext.request.contextPath}"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span>DOCTYPE html<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>meta charset<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"UTF-8"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>restapiTest4.jsp<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>title<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>jsp:include page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/bs4.jsp"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ffd500">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">const</span> API_KEY <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">'qjTgcL%2FCRtG5A4leU8qHU8IkFPtxaRRKEdL6bllEOVctu0YkaJpBj4OzrP4H1UzFXxO0WAfYNeZ%2BQJNrSpMw2Q%3D%3D'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> async <span style="color:#ff3399">function</span> getCrimeDate() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2015</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:fbbfd36d-d528-4c8e-aa9b-d5cdbdeec669"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2016</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:21ec6fa1-a033-413b-b049-8433f5b446ff"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2017</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:67117bd9-5ee1-4e07-ae4a-bfe0861ee116"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2018</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:2d687e27-b5c3-4bdb-9b77-c644dcafcbc7"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2019</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:b6cc7731-181b-48e1-9a6c-ae81388e46b0"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2020</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:fdde1218-987c-49ba-9326-8e3ba276141e"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2021</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:943e757d-462b-4b3a-ab9f-9a8553637ca2"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2022</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:5e08264d-acb3-4842-b494-b08f318aa14c"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> url <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"https://api.odcloud.kr/api"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> apiYear;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"?serviceKey="</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> API_KEY;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"&page=1&perPage=200"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> response <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> await fetch(url);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//console.log("response : ", response);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> res <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> await response.json();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"res : "</span>, res);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> str <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> res.data.map((item, i) <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span> [</div><div style="padding:0 6px; white-space:pre; line-height:130%"> (i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>) <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"."</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"발생년도 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.발생년도 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"년"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 경찰서 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.경찰서 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 강도 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.강도 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 절도 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.절도 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 살인 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.살인 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"<br/>"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> ]);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 검색한 자료를 DB에 저장하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> async <span style="color:#ff3399">function</span> saveCrimeDate() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2015</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:fbbfd36d-d528-4c8e-aa9b-d5cdbdeec669"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2016</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:21ec6fa1-a033-413b-b049-8433f5b446ff"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2017</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:67117bd9-5ee1-4e07-ae4a-bfe0861ee116"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2018</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:67117bd9-5ee1-4e07-ae4a-bfe0861ee116"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2019</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:b6cc7731-181b-48e1-9a6c-ae81388e46b0"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2020</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:fdde1218-987c-49ba-9326-8e3ba276141e"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2021</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:fdde1218-987c-49ba-9326-8e3ba276141e"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#ff3399">if</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">2022</span>) apiYear <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/15084592/v1/uddi:5e08264d-acb3-4842-b494-b08f318aa14c"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> url <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"https://api.odcloud.kr/api"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> apiYear;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"?serviceKey="</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> API_KEY;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"&page=1&perPage=200"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> response <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> await fetch(url);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//console.log("response : ", response);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> res <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> await response.json();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">console</span>.log(<span style="color:#ffd500">"res : "</span>, res);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> str <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> res.data.map((item, i) <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span> [</div><div style="padding:0 6px; white-space:pre; line-height:130%"> (i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>) <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"."</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"발생년도 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.발생년도 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"년"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 경찰서 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.경찰서 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 강도 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.강도 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 절도 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.절도 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 살인 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.살인 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">", 폭력 : "</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> item.폭력 <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"건"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"<br/>"</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> ]);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 화면에 출력된 자료들을 모두 DBdp저장시켜준다.</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//alert(‎"경찰서 : " + res.data[0].강도);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> query <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>res.data.<span style="color:#4be6fa">length</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(res.data[i].경찰서 <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">null</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> query <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> year : year,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> police : res.data[i].경찰서,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> robbery : res.data[i].강도,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> theft : res.data[i].절도,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> murder : res.data[i].살인,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> violence : res.data[i].폭력</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url : <span style="color:#ffd500">"${ctp}/study/restapi/saveCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> type : <span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> data : query,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> error: <span style="color:#ff3399">function</span>() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"년도 자료가 DB에 저장되었습니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 강력범죄DB삭제</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> deleteCrimeDate(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url : <span style="color:#ffd500">"${ctp}/study/restapi/deleteCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> type : <span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> data : {year : year},</div><div style="padding:0 6px; white-space:pre; line-height:130%"> success: <span style="color:#ff3399">function</span>(res){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(res <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#c10aff">0</span>) <span style="color:#4be6fa">alert</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"년도 강력범죄DB삭제 완료"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">else</span> <span style="color:#4be6fa">alert</span>(year <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span> <span style="color:#ffd500">"년도 강력범죄DB삭제 실패"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> },</div><div style="padding:0 6px; white-space:pre; line-height:130%"> error: <span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 강력범죄DB출력</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> listCrimeDate(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> str<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url : <span style="color:#ffd500">"${ctp}/study/restapi/listCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> type : <span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> data : {fieldName : <span style="color:#ffd500">'year'</span>, value : year},</div><div style="padding:0 6px; white-space:pre; line-height:130%"> success: <span style="color:#ff3399">function</span>(vos){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<table class='table table-hover'>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr><th>No</th><th>발생연도</th><th>경찰서</th><th>강도</th><th>절도</th><th>살인</th><th>폭력</th></tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>vos.<span style="color:#4be6fa">length</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(vos[i].police <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">null</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].year<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].police<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].robbery<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].theft<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].murder<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].violence<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"</tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr><td colspan='7' class='m-0 p-0'></td></tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"</table>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> },</div><div style="padding:0 6px; white-space:pre; line-height:130%"> error : <span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 경찰서별 출력</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> policeCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> police <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#police"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> str<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url : <span style="color:#ffd500">"${ctp}/study/restapi/listCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> type : <span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> data : {fieldName : <span style="color:#ffd500">'police'</span>, value : police},</div><div style="padding:0 6px; white-space:pre; line-height:130%"> success: <span style="color:#ff3399">function</span>(vos){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<table class='table table-hover'>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr><th>No</th><th>발생연도</th><th>경찰서</th><th>강도</th><th>절도</th><th>살인</th><th>폭력</th></tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>vos.<span style="color:#4be6fa">length</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(vos[i].police <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">null</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].year<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].police<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].robbery<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].theft<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].murder<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].violence<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"</tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr><td colspan='7' class='m-0 p-0'></td></tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"</table>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> },</div><div style="padding:0 6px; white-space:pre; line-height:130%"> error : <span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 년도/경찰서별출력</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">function</span> yearPoliceCheck(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#year"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> police <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"#police"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> yearOrder <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> $(<span style="color:#ffd500">"input[name='yearOrder']:checked"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">let</span> str<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> $.ajax({</div><div style="padding:0 6px; white-space:pre; line-height:130%"> url : <span style="color:#ffd500">"${ctp}/study/restapi/listYearPoliceCrimeData"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> type : <span style="color:#ffd500">"post"</span>,</div><div style="padding:0 6px; white-space:pre; line-height:130%"> data : {year : year, police : police, yearOrder : yearOrder},</div><div style="padding:0 6px; white-space:pre; line-height:130%"> success: <span style="color:#ff3399">function</span>(vos){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<table class='table table-hover'>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr><th>No</th><th>발생연도</th><th>경찰서</th><th>강도</th><th>절도</th><th>살인</th><th>폭력</th></tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">for</span>(<span style="color:#ff3399">let</span> i<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#c10aff">0</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>vos.<span style="color:#4be6fa">length</span>; i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">if</span>(vos[i].police <span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#4be6fa">null</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>(i<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#c10aff">1</span>)<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].year<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].police<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].robbery<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].theft<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].murder<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<td>"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">+</span>vos[i].violence<span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#ffd500">"</td>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"</tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"<tr><td colspan='7' class='m-0 p-0'></td></tr>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> str <span style="color:#aaffaa"></span><span style="color:#ff3399">+</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"</table>"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#ffd500">"#demo"</span>).html(str);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> },</div><div style="padding:0 6px; white-space:pre; line-height:130%"> error : <span style="color:#ff3399">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">alert</span>(<span style="color:#ffd500">"전송오류!"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>script<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>head<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>jsp:include page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/nav.jsp"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>jsp:include page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/slide2.jsp"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>br<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"container"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>경찰청 강력범죄 발생 현황 자료 리스트<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h2<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>hr<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>form <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"myform"</span> method<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"post"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>select <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"year"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"year"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>c:forEach <span style="color:#ff3399">var</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"i"</span> begin<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"2015"</span> end<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"2022"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"${i}"</span> ${year <span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#aaffaa"></span><span style="color:#ff3399">=</span> i ? <span style="color:#ffd500">'selected'</span> : <span style="color:#ffd500">''</span>}<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>${i}년도<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>c:forEach<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄제공현황조회"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"getCrimeDate()"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-success mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄DB저장"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"saveCrimeDate()"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-success mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄DB삭제"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"deleteCrimeDate()"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-success mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"강력범죄DB출력"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"listCrimeDate()"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-success mb-3"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> 경찰서 지역명 :</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>select <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"police"</span> id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"police"</span> xxxxonchange<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"policeCheck()"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>서울<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>경기<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>강원<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>충북<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>충남<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>전북<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>전남<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>경북<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>경남<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>제주<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>option<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>select<span style="color:#aaffaa"></span><span style="color:#ff3399">></span> <span style="color:#aaffaa"></span><span style="color:#ff3399">&</span>nbsp;<span style="color:#aaffaa"></span><span style="color:#ff3399">&</span>nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> : 정렬순서 :</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"radio"</span> <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearOrder"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"asc"</span> checked<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>오름차순</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"radio"</span> <span style="color:#4be6fa">name</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearOrder"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"desc"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span>내름차순 :</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>input type<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"button"</span> value<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"년도/경찰서별출력"</span> <span style="color:#4be6fa">xxxxonclick</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"yearPoliceCheck()"</span> <span style="color:#ff3399">class</span><span style="color:#ff3399">=</span><span style="color:#ffd500">"btn btn-secondary"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>form<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>hr<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>div id<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"demo"</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>hr<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">></span>범죄 분석 통계<span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>h3<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span> <span style="color:#c10aff">1.</span> 년도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>강도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>살인<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>절도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>폭력 <span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span> <span style="color:#c10aff">2.</span> 경찰서별 통계 : 년도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>강도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>살인<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>절도<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>폭력 <span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">!</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span> <span style="color:#c10aff">3.</span> 범죄발생건수가 가장 작은 지역? <span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">-</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>div<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>br<span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>p<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span>jsp:include page<span style="color:#aaffaa"></span><span style="color:#ff3399">=</span><span style="color:#ffd500">"/WEB-INF/views/include/footer.jsp"</span> <span style="color:#aaffaa"></span><span style="color:#ff3399">/</span><span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>body<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#aaffaa"></span><span style="color:#ff3399"><</span><span style="color:#aaffaa"></span><span style="color:#ff3399">/</span>html<span style="color:#aaffaa"></span><span style="color:#ff3399">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>============== StudyController.java ==============</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@ResponseBody</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@RequestMapping(value&nbsp;<span style="color:#0086b3"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/restapi/listCrimeData"</span>,&nbsp;method&nbsp;<span style="color:#0086b3"></span><span style="color:#ff3399">=</span>&nbsp;RequestMethod.POST)</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">public</span>&nbsp;ArrayList<span style="color:#0086b3"></span><span style="color:#ff3399">&lt;</span>CrimeVO<span style="color:#0086b3"></span><span style="color:#ff3399">&gt;</span>&nbsp;listCrimeDatePost(<span style="color:#4be6fa">String</span>&nbsp;fieldName,&nbsp;<span style="color:#4be6fa">String</span>&nbsp;value)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;studyService.getListCrimeData(fieldName,&nbsp;value);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@ResponseBody</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@RequestMapping(value&nbsp;<span style="color:#0086b3"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/restapi/deleteCrimeData"</span>,&nbsp;method&nbsp;<span style="color:#0086b3"></span><span style="color:#ff3399">=</span>&nbsp;RequestMethod.POST)</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">public</span>&nbsp;<span style="color:#4be6fa">int</span>&nbsp;deleteCrimeDataPost(<span style="color:#4be6fa">String</span>&nbsp;year)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;studyService.setDeleteCrimeData(year);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@ResponseBody</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@RequestMapping(value&nbsp;<span style="color:#0086b3"></span><span style="color:#ff3399">=</span>&nbsp;<span style="color:#ffd500">"/restapi/listYearPoliceCrimeData"</span>,&nbsp;method&nbsp;<span style="color:#0086b3"></span><span style="color:#ff3399">=</span>&nbsp;RequestMethod.POST)</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">public</span>&nbsp;ArrayList<span style="color:#0086b3"></span><span style="color:#ff3399">&lt;</span>CrimeVO<span style="color:#0086b3"></span><span style="color:#ff3399">&gt;</span>&nbsp;listYearPoliceCrimeDataPost(<span style="color:#4be6fa">String</span>&nbsp;year,<span style="color:#4be6fa">String</span>&nbsp;police,&nbsp;<span style="color:#4be6fa">String</span>&nbsp;yearOrder)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#4be6fa">System</span>.<span style="color:#4be6fa">out</span>.<span style="color:#4be6fa">println</span>(<span style="color:#ffd500">"yearOrder&nbsp;:&nbsp;"</span><span style="color:#0086b3"></span><span style="color:#ff3399">+</span>yearOrder);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">return</span>&nbsp;studyService.getlistYearPoliceCrimeData(year,&nbsp;police,&nbsp;yearOrder);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"> @ResponseBody</div><div style="padding:0 6px; white-space:pre; line-height:130%"> @RequestMapping(value <span style="color:#0086b3"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/restapi/listCrimeData"</span>, method <span style="color:#0086b3"></span><span style="color:#ff3399">=</span> RequestMethod.POST)</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">public</span> ArrayList<span style="color:#0086b3"></span><span style="color:#ff3399"><</span>CrimeVO<span style="color:#0086b3"></span><span style="color:#ff3399">></span> listCrimeDatePost(<span style="color:#4be6fa">String</span> fieldName, <span style="color:#4be6fa">String</span> value) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">return</span> studyService.getListCrimeData(fieldName, value);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> @ResponseBody</div><div style="padding:0 6px; white-space:pre; line-height:130%"> @RequestMapping(value <span style="color:#0086b3"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/restapi/deleteCrimeData"</span>, method <span style="color:#0086b3"></span><span style="color:#ff3399">=</span> RequestMethod.POST)</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">public</span> <span style="color:#4be6fa">int</span> deleteCrimeDataPost(<span style="color:#4be6fa">String</span> year) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">return</span> studyService.setDeleteCrimeData(year);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> @ResponseBody</div><div style="padding:0 6px; white-space:pre; line-height:130%"> @RequestMapping(value <span style="color:#0086b3"></span><span style="color:#ff3399">=</span> <span style="color:#ffd500">"/restapi/listYearPoliceCrimeData"</span>, method <span style="color:#0086b3"></span><span style="color:#ff3399">=</span> RequestMethod.POST)</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">public</span> ArrayList<span style="color:#0086b3"></span><span style="color:#ff3399"><</span>CrimeVO<span style="color:#0086b3"></span><span style="color:#ff3399">></span> listYearPoliceCrimeDataPost(<span style="color:#4be6fa">String</span> year,<span style="color:#4be6fa">String</span> police, <span style="color:#4be6fa">String</span> yearOrder) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#4be6fa">System</span>.<span style="color:#4be6fa">out</span>.<span style="color:#4be6fa">println</span>(<span style="color:#ffd500">"yearOrder : "</span><span style="color:#0086b3"></span><span style="color:#ff3399">+</span>yearOrder);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399">return</span> studyService.getlistYearPoliceCrimeData(year, police, yearOrder);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>============== studyMapper.xml ========================</p><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">select</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"getListCrimeData"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">resultType</span>=<span style="color:#ffd500">"com.spring.javaclassS.vo.CrimeVO"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;select&nbsp;*&nbsp;from&nbsp;crime&nbsp;where&nbsp;${fieldName}&nbsp;like&nbsp;concat(#{value},'%');</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">select</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">select</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"getlistYearPoliceCrimeData"</span><span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58"></span>&nbsp;<span style="color:#a8ff58">resultType</span>=<span style="color:#ffd500">"com.spring.javaclassS.vo.CrimeVO"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;select&nbsp;*&nbsp;from&nbsp;crime&nbsp;where&nbsp;year&nbsp;=&nbsp;#{year}&nbsp;and&nbsp;police&nbsp;like&nbsp;concat(#{police},'%')&nbsp;order&nbsp;by&nbsp;year&nbsp;${yearOrder};</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">select</span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">insert</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"setSaveCrimeData"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;insert&nbsp;into&nbsp;crime&nbsp;values&nbsp;(default,#{vo.year},#{vo.police},#{vo.robbery},#{vo.theft},#{vo.murder},#{vo.violence});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">insert</span><span style="color:#f0f0f0">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#ff3399">delete</span>&nbsp;<span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"setDeleteCrimeData"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;delete&nbsp;from&nbsp;crime&nbsp;where&nbsp;year&nbsp;=&nbsp;#{year};</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#f0f0f0">&lt;</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">delete</span><span style="color:#f0f0f0">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#272727;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #4f4f4f"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#f0f0f0;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">select</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"getListCrimeData"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58"></span> <span style="color:#a8ff58">resultType</span>=<span style="color:#ffd500">"com.spring.javaclassS.vo.CrimeVO"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> select * from crime where ${fieldName} like concat(#{value},'%');</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">select</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">select</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"getlistYearPoliceCrimeData"</span><span style="color:#a8ff58"></span> <span style="color:#a8ff58"></span> <span style="color:#a8ff58">resultType</span>=<span style="color:#ffd500">"com.spring.javaclassS.vo.CrimeVO"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> select * from crime where year = #{year} and police like concat(#{police},'%') order by year ${yearOrder};</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">select</span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">insert</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"setSaveCrimeData"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> insert into crime values (default,#{vo.year},#{vo.police},#{vo.robbery},#{vo.theft},#{vo.murder},#{vo.violence});</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">insert</span><span style="color:#f0f0f0">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#ff3399">delete</span> <span style="color:#a8ff58">id</span>=<span style="color:#ffd500">"setDeleteCrimeData"</span><span style="color:#a8ff58"></span><span style="color:#f0f0f0">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> delete from crime where year = #{year};</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#f0f0f0"><</span><span style="color:#f0f0f0">/</span><span style="color:#ff3399">delete</span><span style="color:#f0f0f0">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#4f4f4f;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div><p>소스jsp파일에 중복되는 부분들을 함수로 뺏으면 좋았을거 같아서 다음엔 중복을 최대한 빼도록 하겠습니다..</p>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
김은하
2024-06-20 숙제 - 경찰청 강력범죄 발생 현황 자료 리스트
김은하
추천 0
조회 33
24.06.21 02:30
댓글 1
다음검색
첫댓글 내용 잘 보았습니다.
검색처리부분 아주 좋네요.
전체적인 통계가 한눈에 볼수 있도록 처리하면 더 좋겠죠.. 수고하셨습니다.