Server

[Spring-boot] @RequestBody, @ResponseBody : HTTP body에 데이터 송수신하기

@RequestBody와 @ResponseBody 어노테이션을 사용하면 HTTP body에 데이터를 json 형식으로 담아 송수신할 수 있어 비동기 통신에 사용이된다. @RequestBody : HTTP request body -> 자바객체 @ResponseBody: 자바 객체 -> HTTP response body로 변환하여 그대로 전달

Flutter Spring-boot 연동해서 웹 페이지 만들기(to-do list)

flutter 연동 관련 정리안된 내용들 ✅ 연동하는 방법이 Spring boot 에서 띄운 서버를 flutter에서 접속(fetch.get())하여 데이터 받아와서 ui까지 합해서 보여주는 방법밖에 없는건지? 내가 생각했던 방식은 백엔드는 spring-boot로, front는 flutter로 구현하는 것이었음. ==> spring boot에서 백엔드를 처리. 즉 비즈니스 로직에 필요한 데이터를 처리한다. Flutter로는 프론트엔드를 구현. 즉 처리된 데이터를 화면에 보여주는 것. 결론: 서로 연동하기 위해서는 1) 로직에 따라 데이터를 json 타입으로 받아오거나/보내는 spring boot에서 작동하는 서버가 필요하고, 2) frontend는 이 서버로부터 받는(서버로 보내는) Json 형식의 데이..

[Spring] 스프링 빈, 의존성(DI) 주입

의존관계 Controller에서 Service를 통해 비즈니스 로직을 처리하고, Repository를 통해 데이터를 저장한다고 할 때, 서로 의존관계가 있다고 표현한다 ("Controller 가 Service를 의존한다"). Contoller 객체를 생성할 때 Service 객체도 필요하게 되는데, 이 때마다 필요한 service들을 new로 여러번 생성하는 것은 비효율적. -> 스프링에서는 각 객체들을 컨테이너에 스프링 빈으로 등록하여 관리할 수 있음. 빈이란? 스프링 컨테이너가 관리하는 자바 객체이다. Spring 시작 시 스프링 컨테이너에 스프링 빈들이 등록되어서 이후 new 로 객체를 생성하지 않고도 사용할 수 있다. 스프링 빈 등록 방법 컴포넌트 스캔 ( @Component ) 어노테이션 @Co..

VSCode Javascript 개발 환경 (Prettier, ESLint, Typescript)

Javascript 개발 환경을 세팅할 때, 유용한 툴들을 이용하면 코드 에러를 방지하고, 코딩스타일을 일관되게 맞출 수 있다. Formatting Linting Type checking Package prettier ESLint Typescript additional dependencies eslint-config-airbnb-base eslint-config-prettier eslint-plugin-import eslint-plugin-node @types/node config file .prettierrc .eslintrc.js jsconfig.json vscode extensions O O X 1. Formatting - Prettier 협업을 할 때 프로젝트 코딩 스타일이 제각각이면 보기가 불편..

[node.js] 간단 HTTP 서버 띄우기 (웹 서버 호스팅하기)

/* 간단한 http 서버 만들기 */ const http = require('http') // http 모듈을 사용 // server 객체 생성 const server = http.createServer((req, res) => { //call back res.statusCode = 200 // 200 : http 에서 OK res.end('Hello') }) const PORT = 3000 server.listen(PORT, () =>{ console.log("The server is lstening at port ", PORT) })