백엔드 데브코스 12기 24일차

이 날은 Spring의 REST API와 HTTP Method, 응답 형식, DTO와 Record​를 먼저 학습하고, 이후 React의 useState를 활용한 수정 모드와 배열 데이터 삭제를 구현해 보았다.

 

특히 REST API를 공부하면서 Entity를 그대로 프론트엔드에 전달하지 않고 DTO를 거쳐서 응답하는 이유를 배울 수 있었다. Entity를 직접 반환하면 불필요한 데이터가 함께 노출될 수 있고, Entity의 구조가 API 응답에 그대로 영향을 주기 때문에 DTO를 사용하여 프론트엔드에 필요한 데이터만 전달하고 Entity와 API 응답의 구조를 분리하는 것이 중요하다는 것을 알게 되었다.

또한 프론트엔드에 데이터를 응답할 때 JSON 형식을 사용하는 이유도 이해할 수 있었다. JSON은 데이터를 구조화해서 표현하기 쉽고 JavaScript에서 다루기 편하기 때문에 서버와 프론트엔드가 데이터를 주고받는 형식으로 많이 사용된다.

 

오후 2시간은 React 실습을 진행하다 보니, 남은 2시간을 배운 내용을 정리하는 데 사용하고도 시간이 부족하다. 이제는 수업 시간 이후에도 추가로 공부해야 과제까지 진행할 수 있어서 조금 빠듯하게 느껴진다. 그래도 1차 프로젝트 전까지 최대한 열심히 달려봐야겠다.

[Spring] REST API 순환참조 해결하기 - DTO와 Record 활용

[Spring] REST API 순환참조 해결하기 - DTO와 Record 활용

[Spring] REST API 버저닝과 @RequestMapping

[Spring] REST API 버저닝과 @RequestMapping

[Spring] REST API 응답 형식 통일하기 - HTTP 상태 코드와 RsData

REST API 응답 형식 통일하기 - HTTP 상태 코드와 RsData

[Spring] HTTP Method란? GET, POST, PUT, PATCH, DELETE

HTTP Method란? GET, POST, PUT, PATCH, DELETE

[Spring] @Controller와 @RestController

[Spring] @Controller와 @RestController

[React] State 배열에서 특정 항목 삭제하기 - filter() 활용

[React] State 배열에서 특정 항목 삭제하기 - filter() 활용

[React] useState로 수정 모드 구현하기 - 조건부 렌더링

[React] useState로 수정 모드 구현하기 - 조건부 렌더링