길벗_코딩자율학습단_12기

교재 : 코딩 자율학습 스프링 부트3 자바 백엔드 개발 입문2025년 1월 6일 시작~1.3 웹 서비스의 동작 원리 이해하기 (종이책~p.56)스프링 부트는 새로운 기술이라기보다는 스프링 프레임워크(Spring framework)를 개선한 것.개발 환경 설정을 간소화웹

~2.4 뷰 템플릿 페이지에 레이아웃 적용하기 (종이책 p.57~94)뷰 템플릿이란 화면을 담당하는 기술로, 웹 페이지(view)를 하나의 틀(Template)로 만들고 여기에 변수를 삽입해 서로 다른 페이지를 보여준다.이 책에서는 Mustache라는 도구를 활용하여

3일차 ~3.3 DTO를 데이터 베이스에 저장하기(종이책 p97~126) 3장 게시판 만들고 새 글 작성하기: Create 3.1 폼 데이터란 폼 데이터(form data)란 HTML 요소인 `` 태그에 실려 전송되는 데이터를 말한다. ``태그는 택배와 같이

~4.2 롬복을 활용해 리팩터링하기(종이책 p127~151)이 절에서는 SQL 문법인 SELECT문과 INSERT문으로 DB에 저장된 데이터를 조회하고 삽입해본다.H2 DB 접속하기H2 DB에 웹 콘솔로 접근할 수 있도록 허용하기 위해 src/main/resources

~5.3 데이터 목록 조회하기(종이책 p.153~182)5.1 데이터 조회 과정먼저 localhost:8080/articles/new 페이지에서 제목과 내용을 입력한 후 Submit 하여 DB에 저장URL 요청받기DB에 저장한 데이터를 웹 페이지에서 보려면 해당 출력

~6.2 링크와 리다이렉트를 이용해 페이지 연결하기(종이책 p.183~196)이 장에서는 게시판 내 페이지 이동을 구현해본다.앞에서 만든 /articles, 즉 목록 페이지에 링크와 리다이렉트 기능을 이용해 구현한다.링크(link)란 미리 정해 놓은 요청을 간편히 전송

~7.3 수정 데이터를 DB에 갱신하기(종이책 p197~228)게시판에 작성한 글을 수정하려면 해당 글을 불러와 수정할 수 있는 입력 상태로 만들어야 한다. 그다음 내용을 입력하고 다시 전송하면 DB에 반영돼 최종적으로 수정된다.데이터 수정 실습은 크게 2단계로 나누어

~8.2 데이터 삭제하기(종이책 p.229~248)클라이언트가 HTTP 메서드로 특정 게시글의 삭제를 요청한다.삭제 요청을 받은 컨트롤러는 리파지터리를 통해 DB에 저장된 데이터를 찾아 삭제한다. 이 작업은 기존 데이터가 있는 경우에만 수행된다.삭제가 완료됐다면 클라이

~9.3 기본 SQL 쿼리 작성하기(종이책 p.249~274)서버에서 데이터의 생성, 조회, 수정, 삭제 등을 요청하면 JPA의 리파지터리가 DB에 해당 요청을 전달한다. 요청을 받은 DB는 자신의 언어, 즉 SQL로 쿼리를 작성해 테이블 속 데이터를 관리한다.쿼리(q

~10.2 REST API 동작 살펴보기(종이책 p.275~301)웹 서비스를 사용하는 클라이언트에는 웹 브라우저만 있는 것이 아니다. 스마트폰, 스마트워치, 태블릿 등등이 모두 클라이언트이다. 따라서 어떤 기기가 와도 거기에 맞는 뷰 페이지(view1, veiw2,

11일차 ~11.3 REST API 구현하기(종이책 p.303~332) 11장 HTTP와 REST 컨트롤러 11.1 REST API의 동작 이해하기 ※ JSON의 값으로 또다른 JSON 데이터나 배열을 넣을 수도 있다. REST API 란 REST 기반으로 A

~12.3 트랜잭션 맛보기(종이책 p.333~362)서비스(service)란 컨트롤러와 리파지터리 사이에 위치하는 계층으로, 서버의 핵심 기능(비즈니스 로직)을 처리하는 순서를 총괄한다.일반적으로 서비스 업무 처리는 트랜잭션 단위로 진행된다. 트랜잭션(transacti

~13.2 테스트 코드 작성하기(종이책 p.363~387)테스트(test)란 프로그램의 품질을 검증하는 것으로, 의도대로 프로그램이 잘 동작하는지 확인하는 과정이다.테스트 도구를 이용해 반복적인 검증 절차를 자동화할 수 있다.테스트 도구를 활용해 코드를 검증한다는 것은

~14.3 댓글 리파지터리 만들기(종이책 p.391~425)게시판을 보면 하나의 게시글에 수많은 댓글이 달린다. 이러한 관계를 one-to-many, 즉 일대다(1:n) 관계라고 한다. 반대로 댓글 입장에서 보면 여러 댓글이 하나의 게시글에 달리므로 many-to-on

~15.3 댓글 조회하기(종이책 p.427~445)이 장에서는 댓글 REST 컨트롤러, 서비스, DTO를 만들어 댓글 CRUD를 위한 REST API를 완성한다.REST 컨트롤러: 댓글 REST API를 위한 컨트롤러로 서비스와 협업, 클라이언트 요청을 받아 응답하며

~15.6 댓글 삭제하기 (종이책 p.446~474)CommentApiController로 가서 댓글 생성 요청을 받고 이를 처리하는 create() 메서드를 만든다.@PostMapping(”/api/articles/{articleId}/comments”)로 댓글 생성

~16.3 댓글 목록 가져오기(종이책 p.475~487)보통 게시판의 특정 글을 클릭하면 상세 페이지(show)가 뜨면서 그 아래에 댓글(\_comments)이 보인다. 댓글 영역은 크게 두 가지로 나뉘는데, 기존 댓글을 보여 주는 영역(\_list)과 새 댓글을 입력

~17.3 자바스크립트로 댓글 달기(종이책 p.489~510)16장에서는 댓글 목록을 게시글 아래에 출력하였다. 이 장에서는 새 댓글을 등록하기 위한 뷰 페이지를 만들고 자바스크립트 코드로 REST API를 호출해본다.그동안 REST API 요청을 보낼 때 Talend

~18.3 자바스크립트로 댓글 수정하기(종이책 p.511~537)댓글 수정 페이지는 부트스트랩에서 제공하는 모달 기능을 이용해 만든다.모달(modal)은 웹 페이지에 새 창을 띄우는 팝업 창과 달리 같은 웹 페이지 내부에서 상위 레이어를 띄우는 방식으로 사용하는 창이다

~19.4 책을 마무리하며(종이책 p.539~555)댓글 삭제는 다음과 같은 2단계로 진행한다.댓글 삭제 버튼 추가하기삭제 버튼 클릭해 REST API 요청 보내기특히 주의할 부분은 2단계인데 2단계에서 삭제 버튼 클릭 이벤트를 처리할 때 삭제 버튼을 통해 댓글의 id

인생 처음으로 백엔드 개발에 대한 공부를 시작하기 위해 선택한 책이었습니다. 처음인데도 불구하고 4주간의 커리큘럼을 따라가기에 큰 어려움은 없었습니다. 상당히 친절하고 쉽게 설명되어 있고, 이론적인 내용과 함께 실습을 동시에 진행하기 때문에 더욱더 이해하기 쉬웠고 머릿