24-25/Main Project 2025. 4. 7. 13:58

24-25/Main Project 2025. 4. 7. 13:54

24-25/Main Project 2025. 4. 7. 13:51

24-25/Main Project 2025. 4. 7. 13:50

17장 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기작은 프로젝트에서는 state만으로 충분하지만, 프로젝트가 커질수록 상태 관리가 복잡해질 수 있다.리덕스를 사용하면 상태 업데이트 로직을 모듈화 하여 컴포넌트와 분리해 관리할 수 있어 유지 보수가 용이하다.여러 컴포넌트가 동일한 상태를 공유해야 할 때 유용하며, 실제로 업데이트가 필요한 컴포넌트만 리렌더링 하는 최적화도 가능하다.      17.1 작업 환경 설정1.  create-react-app > 으로 리액트 프로젝트 생성하기$ yarn create react-app react-redux-tutorial2. 리덕스와 react-redux 라이브러리를 설치react-redux는 리덕스의 상태를 리액트 컴포넌트에 연결하는 라이브러리다. $ cd ..

24-25/React.js 1 2025. 1. 31. 10:01

1. 개념 미리 정리하기리덕스는 가장 많이 사용하는 리액트 상태 관리 라이브러리로, 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜 효율적인 파일 관리를 가능하게 한다. 리덕스를 사용하면 컴포넌트끼리 똑같은 상태를 공유할 때도 여러 컴포넌트를 거치지 않고 손쉽게 값을 전달하거나 업데이트 할 수 있다. Context API를 사용하는 경우에도 전역 상태 관리가 가능하지만, 리덕스를 사용하면 코드의 유지 보수성 향상으로 작업 효율이 증가하고, 상태를 더 체계적으로 관리할 수 있기 때문에 규모가 큰 프로젝트에 리덕스를 주로 사용한다. 또한, 리덕스는 비동기 작업을 훨씬 효율적으로 관리할 수 있는 미들웨어 등의 개발자 도구도 지원한다. 리덕스 실습에 들어가기 전, 사용할 개념을 미리 정리해보자. 1-..

24-25/React.js 1 2025. 1. 31. 10:00

13.1 보안 용어 이해13.1.1 인증📌 인증(authentication): 사용자가 누구인지를 확인하는 단계가장 대표적인 인증의 예: 로그인데이터베이스에 등록된 아이디와 패스워드를 사용자가 입력한 아이디와 비밀번호와 비교해 일치 여부 확인로그인에 성공하면 애플리케이션 서버는 응답으로 사용자에게 토큰(token)을 전달로그인에 실패한 사용자는 토큰을 전달받지 못해 원하는 리소스에 접근할 수 없음 13.1.2 인가📌 인가(authorization): 인증을 통해 검증된 사용자가 애플리케이션 내부의 리소스에 접근할 때 사용자가 해당 리소스에 접근할 권리가 있는지를 확인하는 과정로그인한 사용자가 특정 게시판에 접근해서 글을 보려고 하는 경우, 게시판 접근 등급을 확인해 접근을 허가하거나 거부하는 것일반적..

24-25/Spring 1 2025. 1. 31. 10:00

16장. 리덕스 라이브러리 이해하기 리덕스는 가장 많이 사용하는 리액트 상태 관리 라이브러리로, 컴포넌트의 상태 업데이트와 관련된 로직을 다른 파일로 분리시켜 더욱 효율적인 관리를 가능하게 한다. 또한 리덕스를 사용하면 컴포넌트끼리 동일한 상태를 공유해야 하는 경우에도 여러 컴포넌트를 거치지 않고 상태 값을 쉽게 전달하거나 업데이트 할 수 있다는 장점이 있다. 특히 리덕스를 사용하면 상태를 더욱 체계적으로 관리할 수 있기 때문에 규모가 큰 프로젝트에서는 리덕스를 사용하는 것이 좋다.1. 개념 정리하기리덕스를 이해하기 위해 미리 정리해야 할 개념은 크게 6가지이다.  ① 액션 상태에 어떠한 변화가 필요하면 액션(action)이란 것이 발생한다. 액션은 하나의 객체로 표현되며, 다음과 같은 형식으로 이루어진..

24-25/React.js 2 2025. 1. 31. 10:00

13. 서비스의 인증과 권한 부여이번 장에서는 보안과 관련된 용어와 개념을 알아보고 스프링에 보안을 적용할 때 사용하는 스프링 시큐리티에 대해 알아보겠습니다. 로그인을 통한 일반적인 인증과 인가 방식이 아닌 매 요청마다 토큰값을 활용하는 보안 기법을 확인해 봅니다. 13.1 보안 용어 이해스프링 시큐리티를 배우기에 앞서 보안과 관련된 용어를 간단하게 살펴봅니다. 13.1.1 인증인증(authentication): 사용자가 누구인지 확인하는 단계대표적인 예로 '로그인'. 로그인에 성공하면 애플리케이션 서버는 응답으로 사용자에게 토큰을 전달합니다. 로그인에 실패한 사용자는 토큰을 전달받지 못해 원하는 리소스에 접근할 수 없게 됩니다. 13.1.2 인가인가(authorization): 인증을 통해 검증된 사용..

24-25/Spring 3 2025. 1. 31. 10:00

1. 보안 용어 이해 1.1 인증 (Authentication)- 사용자가 누구인지 확인하는 단계이다. - 확인 후, 서버는 유저에게 토큰을 전달하고 유저는 원하는 리소스에 접근할 수 있다. 1.2. 인가 (Authorization)-  인증을 통해 검증된 사용자가 애플리케이션 내부의 리소스에 접근할 때 사용자가 해당 리소스에 접근할 권리가 있는지를 확인하는 과정  1.3. 접근 주체 (principal)- 애플리케이션을 사용하는 주체    2. 스프링 시큐리티-   서블릿 필터(Servlet Filter)를 기반으로 동작한다. 1) 필터 체인 (FilterChain) - 서블릿 컨테이너에서 관리하며, 클라이언트에서 요청을 보내면 URI을 확인해서 필터와 서블릿을 매핑한다.  2) DelegatingFi..

24-25/Spring 2 2025. 1. 31. 10:00

마이크로서비스 아키텍처 (MSA) : 애플리케이션이 가지고 있는 기능(서비스)이 하나의 비즈니스 범위만 가지는 형태 📌 애플리케이션 : 자신의 기능을 API로 외부에 노출하고, 다른 서버가 API를 호출해서 사용할 수 있게 구성됨⇒ 각 서버가 다른 서버의 클라이언트가 되는 경우가 많음  RestTemplate : 스프링에서 HTTP 통신 기능을 손쉽게 사용하도록 설계된 템플릿으로 RESTful 원칙을 따르는 서비스를 편리하게 만들 수 있음→ 주로 동기 방식으로 처리 / AsyncRestTemplate를 통해 비동기 방식 사용 가능 / 현재 지원 중단 상태 특징HTTP 프로토콜의 메서드에 맞는 여러 메서드 제공RESTful 형식을 갖춘 템플릿HTTP 요청 후 JSON, XML, 문자열 등의 다양한 형식으..

24-25/Spring 1 2025. 1. 24. 12:06

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

24-25/Spring 3 2025. 1. 24. 10:00