학원 수업 42일차 221020

10-11
HTML <a> Tag
https://www.w3schools.com/tags/tag_a.asp

 

 

• 11-12

8 Template Layout
Defining and referencing fragments
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#defining-and-referencing-fragments

th:block 태그
11.4. Synthetic th:block tag
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#synthetic-thblock-tag
태그를 넣어야하는데 뭔가 마땅치 않으면
<th:block></th:block>

 

 

• 12-1

viewresolver spring boot
https://www.baeldung.com/spring-mvc-view-resolver-tutorial

 

 

• 2-3

19 Appendix B: Expression Utility Objects
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appendix-b-expression-utility-objects
Numbers
${#numbers.sequence(from,to)}

 

 

• 3-4

CSS의 display 속성: inline, block, inline-block
https://www.daleseo.com/css-display-inline-block/

jQuery addClass() Method
https://www.w3schools.com/jquery/html_addclass.asp
$("button").click(function(){
  $("p:first").addClass("intro");
});

jQuery removeClass() Method
https://www.w3schools.com/jquery/html_removeclass.asp
$("button").click(function(){
  $("p").removeClass("intro");
});

 

 

• 4-5

비동기 통신?
https://velog.io/@kimsunho940904/Ajax-%EB%B9%84%EB%8F%99%EA%B8%B0%ED%86%B5%EC%8B%A0%EC%9D%B4%EB%9E%80

jQuery - AJAX Introduction
https://www.w3schools.com/jquery/jquery_ajax_intro.asp

AJAX = Asynchronous JavaScript and XML.
In short; AJAX is about loading data in the background and display it on the webpage, without reloading the whole page.

jQuery AJAX Methods
https://www.w3schools.com/jquery/jquery_ref_ajax.asp

jQuery val() Method
https://www.w3schools.com/jquery/html_val.asp

jQuery ajax() Method
https://www.w3schools.com/jquery/ajax_ajax.asp
$.ajax({name:value, name:value, ... })
$("button").click(function(){
  $.ajax({url: "demo_test.txt", success: function(result){
    $("#div1").html(result);
  }});
});

 

• 5-6

jQuery html() Method
https://www.w3schools.com/jquery/html_html.asp