특강 목표

• 혼자서 웹 페이지를 구성할 수 있다.

HTML

• 그리기

CSS

• 이쁘게 꾸미기

JAVASCRIPT

• 동작

자주 사용하는 JAVASCRIPT

• 페이지 이동

  /* assign 방식 */
  window.location = "https
  ://loomio.kr";
  window.location.href = "<https://naver.com>";     // window.location 동일함.
  window.location.assign("<https://naver.com>");    // window.location 동일함.
   
  /* replace 방식*/
  window.location.replace("<https://naver.com>");
  

• jQuery 사용(<script src="http://code.jquery.com/jquery-latest.js"></script>)

  • 값 가져오기

    • $(’#id’).val();

  • 데이터 통신(with POSTMAN)

    • ajax

      $.ajax(settings).done(function (response, status, xhr) {
                  console.log(response)
                  
      
              }).fail(function (response) {
                  console.log(response);
                  console.log(response.responseText);
      
              });
      

  • 페이지 최초 로딩 시 실행

    $(function(){
      // 실행할 기능을 정의해주세요.
    });
    
    또는
    
    jQuery(document).ready(function($) {});
    

VS-CODE LIVESERVER

• https://codingmania.tistory.com/372

테마

• https://themewagon.com/themes/free-bootstrap-4-html5-ecommerece-website-template-shoppers/