최근 개발되는 서비스들은 마이크로서비스 아키텍처(MSA)를 주로 채택 MSA란 애플리케이션이 가지고 있는 기능(서비스)이 하나의 비지니스 범위만 가지는 형태 12.1 RestTemplate이란? RestTemplate은 스프링에서 HTTP 통신 기능을 손쉽게 사용하도록 설계된 템플릿 HTTP 서버와의 통신을 단순화한 이 템플릿을 이용하면 RESTful 원칙을 따르는 서비스를 편리하게 만들 수 있다. RestTemplate은 기본적으로 동기 방식으로 처리되며, 비동기 방식으로 사용하고 싶은 경우 AsyncRestTemplate 사용 RestTemplate은 많이 사용되지만 지원 중단(deprecated)된 상태이므로 향후 자주 사용될 WebClient 방식도 알아두기를 권장 ✅ RestTemplate 특징..

23-24/Spring 3 2023. 12. 29. 10:00

최근 서비스들은 마이크로서비스 아키텍처(MSA)를 주로 채택합니다. MSA는 애플리케이션이 가지고 있는 서비스가 하나의 비즈니스 범위만 가지는 형태로, 애플리케이션은 자신이 가진 기능을 API로 외부에 노출하고, 다른 서버가 API를 호출하여 사용할 수 있게 구성합니다. 따라서 각 서버가 다른 서버의 클라이언트가 되는 경우가 많습니다. 이번 장에서 다른 서버로 웹 요청을 보내고 응답을 받을 수 있게 돕는 통신 모듈인 RestTemplate와 WebClient에 대하여 알아봅시다. 12.1 RestTemplate이란? RestTemplate은 HTTP 통신 기능을 손쉽게 사용하도록 설계된 스프링 템플릿입니다. HTTP 서버와의 통신을 단순화한 템플릿을 이용하면 RESTful 원칙을 따르는 서비스를 편리하게..

23-24/Spring 2 2023. 12. 29. 10:00

7장 useReducer와 상태 관리 useReducer 이해하기 상태 변화 코드를 쉽게 분리할 수 있다. 실습 준비하기 1. component > TestComp.js 생성 import {useState} from "react"; function TestComp() { const [count, setCount] = useState(0); const onIncrease = () => { setCount(count+1); }; const onDecrease = () => { setCount(count-1); }; return ( 테스트 컴포넌트 {count} + - ); } export default TestComp; + 버튼 : onIncrease 함수 호출 → count 값 +1 - 버튼 : onDec..

23-24/React.js 3 2023. 12. 29. 10:00

useReducer 이해하기 useReducer는 useState와 더불어 리액트 컴포넌트에서 State를 관리하는 리액트 훅입니다. useReducer는 State 관리를 컴포넌트 내부가 아닌 외부에서 할 수 있게 만듭니다. useState와 달리 useReducer를 이용하면 컴포넌트에서 상태 변화 코드를 쉽게 분리할 수 있습니다. 📌 상태 변화 코드 State값을 변경하는 코드 상태 변화 코드를 분리한다는 말은 컴포넌트 내부에 작성했던 상태 변화 코드를 외부에 작성한다는 뜻입니다. 그러나 useState를 이용해 State를 만들면 상태 변화 코드 분리 불가합니다. 반드시 컴포넌트 안에 작성해주어야 합니다. 하지만 useReducer를 사용하면 상태 변화 코드를 컴포넌트 밖으로 분리할 수 있습니다...

23-24/React.js 1 2023. 12. 29. 10:00

API는 Application Programming Interface의 두문자어로, 다른 애플리케이션에서 현재 프로그램의 기능을 사용할 수 있게 허용하는 접점을 의미한다. 웹 API는 다른 웹 서비스의 기능을 사용하거나 자원을 가져올 수 있는 창구이다. 서버에 API를 올려서 URL을 통해 접근할 수 있게 만든 것을 웹 API 서버라고 한다. 노드를 모바일 서버로 사용하려면 이번 장과 같이 서버를 REST API 구조로 구성하면 된다. 다른 서비스에 NodeBird 서비스의 게시글, 해시태그, 사용자 정보를 JSON 형식으로 제공하며 인증을 받은 사용자에게만 일정한 할당량 안에서 API를 호출할 수 있도록 허용할 것이다. package.json 파일 생성 npm init uuid 패키지 : 고유한 랜덤 ..

23-24/Node.js 1 2023. 12. 29. 10:00

12. 서버 간 통신 MSA란 애플리케이션이 가지고 있는 기능(서비스)이 하나의 비즈니스 범위만 가지는 형태입니다. 각 애플리케이션은 자신이 가진 기능을 API로 외부에 노출하고, 다른 서버가 그러한 API를 호출해서 사용할 수 있게 구성되므로 각 서버가 다른 서버의 클라이언트가 되는 경우도 많습니다. 이번 장에서는 다른 서버로 웹 요청을 보내고 응답을 받을 수 있게 도와주는 RestTemplate과 WebClient에 대해 살펴보겠습니다. 12.1 RestTemplate이란? 스프링에서 HTTP 통신 기능을 손쉽게 사용하도록 설계된 템플릿입니다. HTTP 서버와의 통신을 단순화한 이 템플릿을 이용하면 RESTful 원칙을 따르는 서비스를 편리하게 만들 수 있습니다. 기본적으로 동기 방식으로 처리되며, ..

23-24/Spring 1 2023. 12. 29. 10:00

Read: 할 일 리스트 렌더링 하기 Read 기능을 이용하면 배열에 저장한 여러 할 일 아이템을 반복해서 페이지에 렌더링 할 수 있다. 배열을 리스트로 렌더링하기 배열 todo를 TodoList 컴포넌트에 Props로 전달한다. (...) function App() { (...) return ( ); } export default App; map을 이용한 HTML 반복하기 TodoList 컴포넌트에서 배열 메서드 map을 이용해 HTML 요소를 반복해 렌더링 한다. import TodoItem from "./TodoItem"; import "./TodoList.css"; const TodoList = ({ todo }) => { // Props를 구조 분해 할당한다. return ( Todo List ..

23-24/React.js 2 2023. 12. 23. 01:13

애플리케이션의 비즈니스 로직이 올바르게 동작하려면 데이터를 사전 검증하는 작업이 필요합니다. 이것을 유효성 검사 또는 데이터 검증이라고 부릅니다. 10장에서는 이 같은 유효성 검사 방법을 알아보겠습니다. 10.1 일반적인 애플리케이션 유효성 검사의 문제점 계층별 유효성 검사는 검증 로직이 각 클래스별로 분산되어 있어 관리가 어렵습니다. 검증 로직에 중복이 많을 수 있습니다. 검증해야 할 값이 많다면 코드가 길어집니다. 이런 다양한 문제로 코드가 복잡해지고 가독성이 떨어집니다. 이 같은 문제를 해결하기 위해 자바 진영에서는 2009년부터 Bean Validation이라는 데이터 유효성 검사 프레임워크를 제공합니다. Bean Validation은 어노테이션을 통해 다양한 데이터를 검증하는 기능을 제공합니다...

23-24/Spring 2 2023. 12. 23. 01:12

10.1 일반적인 애플리케이션 유효성 검사의 문제점 계층별로 진행하는 유효성 검사는 검사 로직이 각 클래스별로 분산되어 있어 관리가 어려움 검증 로직에 중복이 많아 여러 곳에 유사한 기능의 코드가 존재할 수 있음 만약 검증해야 할 값이 많다면 코드가 길어짐 => 코드가 복잡해지고 가독성이 떨어짐 위와 같은 문제 해결을 위해 'Bean Validation'이라는 데이터 유효성 검사 프레임워크를 제공하기 시작함 10.2 Hibernate Validator Hibernate Validator란? : Bean Validation 명세의 구현체 Hibernate Validator는 JSR-303명세의 구현체로서 도메인 모델에서 어노테이션을 통한 필드값 검증을 가능하도록 함 10.3 스프링 부트에서의 유효성 검사 ..

23-24/Spring 3 2023. 12. 22. 22:16

Read : 할 일 리스트 렌더링하기 CRUD의 두 번째 요소인 Read 기능을 이용하면 배열에 저장한 여러 할 일 아이템을 반복해서 페이지에 렌더링 가능하다. 배열을 리스트로 렌더링하기 1. App컴포넌트의 state변수 todo에 저장된 할 일 아이템들을 Props로 TodoList 컴포넌트에 전달한다. //App.js (...) function App() { const [todo, setTodo] = useState(mockTodo); (...) return ( ** ); } export default App; 2. TodoList 컴포넌트에서 todo를 리스트로 렌더링한다. 📌 리액트에서 배열 데이터를 렌더링하는 법 => 배열 메서드 map을 이용하면 HTML 또는 컴포넌트를 순회하면서 매 요소를..

23-24/React.js 3 2023. 12. 22. 10:10

10. 유효성 검사와 예외처리 10-1. 개요 애플리케이션의 비즈니스 로직이 올바르게 동작하려면 데이터를 사전 검증하는 작업이 필요하다. 이것을 유효성 검사 또는 데이터 검증이라 부른다. 유효성 검사의 예로는 여러 계층에서 들어오는 데이터에 대해 의도대로 값이 들어오는지 체크하는 과정이 있다. 이 같은 유효성 검사(validation)는 프로그래밍에서 매우 중요한 부분이며, 자바에서 가장 신경 써야 하는 것 중 하나로 NullPointException 예외가 있다. 일반적인 애플리케이션 유효성 검사의 문제점 일반적으로 사용되는 데이터 검증 로직에는 몇 가지 문제점이 있다. 계층별로 진행하는 유효성 검사는 검증 로직이 각 클래스별로 분산돼 있어 관리하기가 어렵다. 그리고 검증 로직에 의외로 중복이 많아 여..

23-24/Spring 1 2023. 12. 22. 10:00

프로젝트 구조 갖추기 - 로그인, 이미지 업로드, 게시글 작성, 해시태그 검색, 팔로잉 등의 기능이 있는 SNS 서비스를 만들어 본다. - npm init 명령어를 콘솔에서 호출하거나, 직접 package.json을 작성한다. - scripts 부분에 start 속성으로 "nodemon app"을 작성한다. $ npm i sequelize mysql2 sequelize-cli $ npx sequelize init - 콘솔에 다음을 입력하여 MySQL을 사용한다. - views 폴더, routes 폴더, public 폴더 passport 폴더를 만든다. - app.js와 .env 파일을 만든다. $ npm i express cookie-parser express-session morgan multer do..

23-24/Node.js 1 2023. 12. 22. 10:00