TODO LIST

기본적인 기능만 있는 간단한 애플리케이션 구현할거임TODO 생성TODO 리스트TODO 수정TODO 삭제회원가입로그인로그아웃증맬 간단할것이다프론트와 백엔드 서버 분리된 아키텍처로 설계. 브라우저는 백엔드의 REST API를 이용하여 HTTP 요청 보낸다. 로드 밸런서,

JSON은 문자열인데, '오브젝트'를 표현하는 문자열이다.오브젝트를 문자열로 표현하는 이유는?오브젝트란 메모리상에 존재하는 어떠한 자료 구조예를 들어 new TodoItem("title", false); 라고 오브젝트를 생성하면 메모리상에서는 아래와 같이 생성된다.그런

레이어드 아키텍처 패턴REST 아키텍처 패턴스프링 어노테이션JPA와 스프링 Data JPA 스프링 프로젝트 내부에서 코드를 분배하고 관리하는 방식. 애플리케이션 구성요소들을 수평적으로 분리한다 보통 자바 클래스는 기능 수행 클래스와 데이터 저장 클래스로 구분할 수 있다

springboot 사용하여 service layer와 persistence layer 구현하기 / JPA

Logger 설정CRUD REST APIpersistence > service > controller 순서로 구현디버깅을 위한 로그 설정로그를 남기기 위해 System.out.println 사용하면 번거롭로그는 용도에 따라 info, debug, warn, error로

- App / Todo / AddTodo 컴포넌트 핸들러를 이용한 Todo 기능 구현 Todo 리스트 TodoItem 컴포넌트 구현 checkbox와 label 렌더링하는 컴포넌트 TodoItem.jsx App.js map() 사용하여 여러개의 리스트를 출력한다

프론트는 리액트로 구현햇음.. 서비스 통합 CORS란 ? 스프링 @Configuration을 이용한 CORS 해결 fetch와 useEffect를 사용한 프론트-백 통합 useEffect 프론트와 백엔드를 통합하기 위해 첫번째로 할 일은 Todo 아이템을 불러오

Basic 인증토큰 기반 인증JWT 사용 인증스프링 시큐리티Bearer 인증인증 (Authentication)사용자의 신원을 확인인가 및 권한 부여 (Authorization)신원이 확인된 사용자에게 리소스에 액세스할 수 있는 권한을 부여인증과 인가의 구현은 아키텍처

User Layer REST Security 구현을 위해 클래스를 작성하고 스프링 시큐리티를 이용해 인증과 인가를 구현한다. 사용자 관리를 위해 사용자와 관련된 모델, 서비스, repository, 컨트롤러가 필요하다. TODO 레이어 구성했던 것 처럼, TODO 말

- 스프링 시큐리티 서블릿 필터 JWT 인증 로직 패스워드 암호화 \~이전 게시물에서\~ 로그인 여부를 저장하지 않는 문제 → 스프링 시큐리티와 JWT토큰 사용하여 해결하기 어떻게 구현하묘..? 제일 간단하게는.. 모든 API요청에 ID와 패스워드 , 또는 토큰

임시로 저장해두었던 사용자 아이디를 삭제하고 인증절차 거치도록 구현한다.매개변수로 @authenticationPrincipal String userId를 추가해준다.tempUserId를 userId로 수정createTodo매개변수 추가와 수정을 나머지 컨트롤러 클래스

백엔드 하고나면 이제 프론트엔드는 또 안된다^^.. 백엔드가 이제 인증을 따지기 때무네... 그래서 프론트에서도 인증을 해줘야한다.프론트에서 인증이란?!→ 로그인과 회원가입 그리고 리다이렉트~!요구사항은 아래와 같다백엔드에 HTTP 요청을 보내고, 백엔드 서버에서 40

로그인 동작을 위한 API 서비스 ApiService.js > 저번에 오류 났던 response.json() 없애서 했던 부분.. 그렇게 고치니까 또 뭐 리다이렉트가 안되길래 axios로 바꿔줬음 백엔드쪽이랑 데이터 전달 형태가 안맞는거 같음 ㅜ 로그인하고 데이터 받

로그인 하지 않은 상태에서 http://localhost:3000/로 접근하면 잠깐 리스트가 나왔다가 다시 로그인 화면으로 돌아감TODO 리스트 페이지 접근 했다가 로그인 페이지로 다시 라우팅하는데 시간이 걸려서 그럼보기 안 좋다 이말이야그래서 백엔드에서 TO

AWS 서비스 사용 EC2 오토스케일링 그룹 로드밸런서 라우트 53 일라스틱 빈스톡 지금까지 만든 투두 리스트는 내 로컬 서버에서 돌려서 서버를 끄면 서비스가 중단된다. 하루종일 이 어플을 돌려줄 서버가 필요하다 서비스 아키텍처 1. 아키텍처 개요 프론트엔드 서버

- AWS 사용법 AWS CLI EB CLI AWS CLI AWS를 사용하는 방법은 아래와 같다. AWS 콘솔 AWS CLI 터미널이나 파워셸에서 명령어 사용해서 AWS 리소스에 접근 AWS SDK 라이브러리. 예를 들어 자바에서 현재 실행 중인 모든 EC2 인스

AWS 콘솔에서 일라스틱 빈스톡 환경 구성 내용을 확인할 수 있다.AWS CLI를 통해서도 확인 가능하다.TagList를 보면 키와 값 쌍들이 있다. RDS가 여러개면 해당 태그를 보고 어느 환경의 RDS인지 식별이 가능하다아무튼 등등 확인 가능하다 AWS 문서에 나옴

이거할거다... 1. 애플리케이션 생성 프론트엔드 애플리케이션 프로젝트로 이동 eb init 명령어를 사용하여 애플리케이션을 생성해준다 (일라스틱 빈스톡 환경으로 초기화) 리전 선택 시 백엔드와 동일하게 지정 2. AWS에 환경 생성 AWS에 환경 생성하기전에 프