commet CRUD API
React+REST API 게시판 구현/BE - TypeORM2021. 9. 24. 15:35commet CRUD API

What to do? 게시판 하단에 붙일 댓글 API를 만든다. comment 생성, 모두 보기, 하나보기(댓글 하나를 보는 화면은 없지만 댓글 생성후 생성된 댓글을 추가하기 위해서 필요), 수정, 삭제 이렇게 5개의 api를 만든다. https://duckgugong.tistory.com/226 API 설계 참고 https://eastflag.co.kr/fullstack/rest-with-nodejs/node-rest_board_post/ angular, react, vue 등의 최신프런트엔드로 풀스택 개발 백엔드는 spring boot, Node로 프런트엔드는 react, angular, vue 의 최.. duckgugong.tistory.com 우선 위 링크에 들어가서 기본적인 API 설계를 하자...

board에 image 추가하기
React+REST API 게시판 구현/BE - TypeORM2021. 9. 24. 12:28board에 image 추가하기

이미지 업로드 하는 방법 이미지를 업로드하는 방법은 두가지다. 첫번째는 file upload 버튼을 사용해서 올리게 되는 multi-part 프로토콜 방식이다. 이 경우는 브라우저가 해당 프로토콜에 맞게 올려주게 된다. 파일을 업로드하는 메서드는 POST이다. 두번째는 JSON 방식으로 보내는 방식이다. 이미지는 binary이므로 JSON으로 보내기 위해서는 string으로 변환해야 한다. 이미지 업로드 및 보기 API 설계 이미지를 업로드하는 방법중 첫번째 방법인 file upload 버튼을 사용해서 올리게 되는 multi-part 방법으로 API를 구현해보자. 페이지를 리턴하는 페이징 방식에서는 업로드시 한꺼번에 올리고 처리했다면 SPA 방식에서는 SRP 원칙으로 작게 쪼개는게 확장성에 유리하기 때문..

board 추가/보기(페이징)/수정/삭제 API
React+REST API 게시판 구현/BE - TypeORM2021. 9. 20. 18:51board 추가/보기(페이징)/수정/삭제 API

참고 https://eastflag.co.kr/fullstack/rest-with-nodejs/node-rest_board_post/ angular, react, vue 등의 최신프런트엔드로 풀스택 개발 백엔드는 spring boot, Node로 프런트엔드는 react, angular, vue 의 최신프런트엔드를 사용하여 풀스택사이트 개발! eastflag.co.kr What to do? board entity를 추가/보기/수정/삭제하는 API를 만들어보자. https://duckgugong.tistory.com/226 API 설계 참고 https://eastflag.co.kr/fullstack/rest-with-nodejs/node-rest_board_post/ angular, react, vue 등의..

컨트롤러, 라우팅 모듈화
React+REST API 게시판 구현/BE - TypeORM2021. 9. 19. 23:39컨트롤러, 라우팅 모듈화

What to do? 입력과 출력을 담당할 controller를 만들어 모듈화하고 라우팅 모듈화를 하자. /api/[~] 형태의 URL을 가진 API를 만들어보자. https://duckgugong.tistory.com/225 IDEA에서 DataGrip 연결하기 + entity 설계 참고 https://eastflag.co.kr/fullstack/rest-with-nodejs/node-rest_entity/ angular, react, vue 등의 최신프런트엔드로 풀스택 개발 백엔드는 spring boot, Node로 프런트엔드는 react, angular, vue 의 최신프.. duckgugong.tistory.com 우선 위 링크를 참고하여 IDEA에서 entity를 설계하자. 컨트롤 모듈화 src..

image