[스파르타코딩클럽]웹개발의 봄, Spring 3주차 개발일지

3주차 강의의 목표
2주차 때 배운 내용을 바탕으로 CRUD 기능을 가진 Memo API를 만들고,
클라이언트 완성시키기~!

 

클라이언트쪽 웹사이트를 완성시킨다니 놀랍다.

Javascript jQuery, Memo API를 배우는데,

이번에도 역시 나에게 중요했던 부분만 정리해야겠다 룰루~

 

HTML 태그

---

• ul, ol, li → (un)ordered list, list에 해당합니다. bullet point.
• span → 글을 중간중간 잘라내서 색을 입혀준다든지 할 때 사용합니다.
• table, th, tr, td → 표 입니다! 엑셀 같은 표를 그릴 때 사용합니다.
• 등등!

 

jQuery

---

head 태그 사이에 아래를 넣어주어 jQuery를 임포트한다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

나타내기와 숨기기! 등 jQuery가 너무 신기했다.

// 나타내기와 숨기기
$('#post-box').show();
$('#contents').hide()

// input값 가져오기와 값 넣기
$('#post-url').val();
$('#post-url').val('new text');

// HTML 없애기와 추가하기
$('#cards-box').empty();
$('#cards-box').append(`<div class="card">`);

 

$.ajax를 통해 클라이언트 입장에서 서버와 통신도 해보고 재밌었다!

 

 

그 외

---

MemoAPI를 만들고, 잠시 자바스크립트 문법을 배운다.

자바스크립트 문법은 다 아는 내용이었기에 패스!

 

HTML 기초 지식이 있었으면 괜찮게 들었을 것 같다!