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

배운 것

REST API 전체 프로세스 복습

JQuery, Ajax를 사용해 서버와 통신

 

내용 정리

JPA 쿼리 메소드 예시

public interface MemoRepository extends JpaRepository<Memo, Long> {
	List<Memo> findAllByOrderByModifiedAtDesc();
}

 

 

jQuery

    - 미리 작성된 자바스크립트 함수 모음집

    - 많이 쓰는 HTML, CSS 조작 함수를 미리 만들어서 제공해주는 것

 

ㅇ 임포트

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

 

ㅇ 사용법

    - $ 로 시작하고, 괄호 안에 선택자로 대상을 적으면 된다

$('#contents').hide();

 

 

Ajax

    - 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과를 돌려받음

    - 자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것

$.ajax({	// jQuery로 Ajax요청하기 
    type: "POST",
    url: "/api/memos",
    contentType: "application/json", // JSON 형식으로 전달함을 알리기
    data: JSON.stringify(data),
    success: function (response) {
        alert('메시지가 성공적으로 작성되었습니다.');
        window.location.reload();
    }
});

jQuery나 기타 AJAX 기능이 내장되어 있는 라이브러리를 이용하여 AJAX 요청을 처리한다.

 

 

느낀 점 / 보완할 점

처음으로 스프링을 이용해서 무언가를 만들어 보았다.

물론 클라이언트 부분은 대부분 제공해준 코드였기 때문에 내가 온전히 한 것은 아니었지만, 전체를 빠르게 훑기 좋았다고 생각된다.

 

이번 주차를 마무리하면서, 무엇인가를 만들어 보았다는 게 가장 큰 성과로 기억된다. 근데 머리가 돌인지 벌써 까먹으려 하니 다시 보면서 복습을 해봐야겠다.

 

jQuery, Ajax 처음 봤다.

낯설어서 그런지 지금 잘 기억이 안난다. 헷갈리기도 하고.

3주차에 만든 프로젝트를 다시 만들어보면서 손에 익히도록 연습하겠다!

지금은 헷갈리고 어렵ㅜ