gyeong3un2

웹개발 101 - 3장 프론트엔드 개발 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 3장 프론트엔드 개발 -1 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 3장 프론트엔드 개발 -2 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 3장 프론트엔드 개발 -3 3.2 프론트엔드 서비스 개발 Todo 리스트 첫 번째로 Todo 컴포넌트를 만들어본다. 이 컴포넌트는 간단한 checkbox와 label을 렌더링하는 컴포넌트이다. // Todo.js: Todo 컴포넌트 import React from "react"; const Todo = () => { return ( Todo 컴포넌트 만들기 ); }; export default Todo; index.js는 ..

웹개발 101 - 3장 프론트엔드 개발 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 3장 프론트엔드 개발 -1 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 3장 프론트엔드 개발 -2 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 3장 프론트엔드 개발 -3 3.1 프론트엔드 개발 환경 설정 이 책에서는 자바스크립트 라이브러리인 react.js를 이용해 프론트엔드를 개발한다. 이를 위해 node.js라는 자바스크립트 런타임 환경을 이용한다. NPM, Node Package Manager npm은 node.js의 패키지 관리 시스템이다. 이를 이용해 npmjs(https://www.npmjs.com)에서 node.js 라이브러리를 설치한다. httpps..

웹개발 101 - 2장 백엔드 개발 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 2장 백엔드 개발-1 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 2장 백엔드 개발-2 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 2장 백엔드 개발-3 2.3 서비스 개발 및 실습 로그 어노테이션 가장 간단한 방법은 System.out.println이다. 하지만 이 방법은 유용하지만 기능이 제한적이다. 로그를 크게 그냥 정보를 위한 것인 info, 디버깅을 위한 자세한 정보인 debug, warn, 그리고 심각한 에러를 알려주는 로그인 error로 나누고, 이를 로그 레벨이라고 부른다. 이런 기능을 제공하는 라이브러리를 Slf4j(Simple Logging Faça..

웹개발 101 - 2장 백엔드 개발 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 2장 백엔드 개발-1 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 2장 백엔드 개발-2 [React.js, 스트링부트, AWS로 배우는 웹개발 101] 2장 백엔드 개발-3 2.2 백엔드 서비스 아키텍처 레이어드 아키텍처, Layered Architecture 레이어드 아키텍처(Layered Architecture) 패턴은 애플리케이션을 구성하는 요소들을 수평으로 나눠 관리하는 것이다. 하나의 클래스에 하나의 메서드 안에 전부 구현하는 것이 아닌, 메서드를 쪼개 작은 메서드로 나눈다. 기본적인 레이어드 아키텍처에서는 상위 레이어가 자신의 바로 하위 레이어를 사용한다. 하지만 반드시 하위..