'React.js, 스프링 부트, AWS로 배우는 웹 개발 101'을 읽고 정리한 글입니다. 학습 내용 브라우저의 동작 원리 Node.js SPA와 React.js 실습 내용 브라우저의 개발자 툴 프론트엔드 개발 환경 설정(VS Code) Node.js 설치 NPM 실습 리액트 애플리케이션 생성 및 실행 3.1.1 Node.js와 NPM 설치 Node.js 과거에 자바스크립트는 브라우저 밖에서는 실행할 수 없었다. Node.js는 자바스크립트를 내 컴퓨터에서 실행할 수 있게 해주는 프로그램, 즉 자바스크립트 런타임 환경이다. Node.js는 구글 크롬의 V8 자바스크립트 엔진을 실행한다. 자바스크립트를 브라우저 밖에서 실행할 수 있다는 것은 클라이언트 언어뿐만아니라 서버 언어로도 사용할 수 있다는 뜻이다..
'React.js, 스프링 부트, AWS로 배우는 웹 개발 101'을 읽고 정리한 글입니다. 실습 내용 Logger 설정 HTTP POST를 이용하는 Create REST API 개발 HTTP GET을 이용하는 Retrieve REST API 개발 HTTP UPDATE를 이용하는 Update REST API 개발 HTTP DELETE를 이용하는 Delete REST API 개발 스프링과 JPA 어노테이션을 기반으로 생성, 검색, 수정, 삭제 API를 작성해보자. 구현 과정은 퍼시스턴스 => 서비스 => 컨트롤러 순으로 한다. 로그 어노테이션 서비스 구현에 앞서 디버깅을 위한 로그 설정을 하자. 가장 간단하게 출력하는 방법이 있지만 기능이 제한적이다. 어떤 로그인 정보를 위한 것이고 어떤 로그는 디버깅을 ..
'React.js, 스프링 부트, AWS로 배우는 웹 개발 101'을 읽고 정리한 글입니다. 학습 내용 레이어드 아키텍처 패턴 REST 아키텍처 스타일 스프링 어노테이션 JPA와 스프링 Data JPA 실습 내용 Model/Entity와 DTO 클래스 Controller, Service, Persistence 클래스 테스팅용 REST API 레이어드 아키텍처 패턴은 스프링 프로젝트 내부에서 어떻게 코드를 적절히 분리하고 관리할 것이냐에 대한 것이다. 코드를 적절히 분리하고 관리하는 것은 코드 베이스가 커질수록 중요하다. REST 아키텍처 스타일은 클라이언트(브라우저)가 우리 서비스를 이용하려면 어떤 형식으로 요청을 보내고 응답을 받는지에 대한 것이다. 클라이언트는 몇 개의 정해진 메서드로 우리 서비스를 ..
'React.js, 스프링 부트, AWS로 배우는 웹 개발 101'을 읽고 정리한 글입니다. 백엔드 개발을 위해 사용할 도구들은 다음과 같다. 스프링 부트 Gradle Lombok Postman REST Layered Architecture 도구의 사용법을 아는 것도 중요하지만 이 도구들을 사용하는 이유를 아는 것도 중요하다. 이 도구들이 어떤 문제를 해결하는지, 또 어떻게 해결하는지에 대해 알아볼 예정이다. Todo 서비스는 Todo 생성/검색/수정/삭제 라는 네 가지 기본적인 기능을 제공한다. 생성, 검색, 수정, 삭제의 네 가지 기본 기능을 CURD Create, Retrieve, Update, Delete 라고 한다. 이 기능을 REST API의 형태로 구현하고 그 과정에서 아키텍처 디자인, 아키..
'React.js, 스프링 부트, AWS로 배우는 웹 개발 101'을 읽고 정리한 글입니다. 1.1 Todo 웹 애플리케이션 1.1.1 Todo 웹 애플리케이션 기능 Todo 생성: + 버튼을 클릭해 Todo 아이템 생성 Todo 리스트: 생성된 아이템 목록을 화면에서 확인 Todo 수정: Todo 아이템을 체크하거나 내용 수정 Todo 삭제: Todo 아이템 삭제 회원가입: 사용자는 회원 가입하고 계정을 통해 Todo 애플리케이션에 접근 가능 로그인: 계정으로 로그인 로그아웃: 로그인한 사용자는 로그아웃 가능 1.1.2 Todo 웹 애플리케이션 아키텍처 프론트엔드와 백엔드 서버가 분리된 이 아키텍처에서 브라우저는 백엔드의 REST API를 이용해서 HTTP 요청을 보낸다. 로컬 환경에서 실행하거나 EC..
'React.js, 스프링 부트, AWS로 배우는 웹 개발 101'을 읽고 정리한 글입니다. 서비스 개발 및 운영에 대해 전반적인 경험을 할 수 있다. 다수의 사용자를 지원하는 웹 기반의 Todo 애플리케이션을 구현하고 배포한다. 그 과정에서 프론트엔드와 백엔드 서버가 분리된 아키텍처를 직접 경험하고 구현한다. 프론트엔드 - React.js 백엔드 - 스프링 부트 Todo 애플리케이션의 기본적인 기능을 구현한 후, 인증 기능을 추가해 다수의 사용자를 지원할 예정이다. 백엔드에서는 JWT를 이용해 스케일의 한계를 극복하는 방법 프론트엔드에서는 로그인 상태를 유지하는 방법에 대해 알아보고 구현 만든 애플리케이션을 AWS에 배포 로드 밸런서, 오토스케일링그룹 등 스케일링에 필요한 서비스를 사용하고 도메인을 구..
