gyeong3un2

replit replit은 현존하는 거의 대부분의 언어들을 브라우저에서 프로그래밍할 수 있다. https://replit.com/~ Log In Run code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpreter. replit.com 로그인 후, 보이는 화면에서 화살표가 가리키는 + 버튼을 누른다. 그리고 원하는 언어를 선택하고 이름을 입력하면 프로그래밍을 할 수 있다. 예를 들면 HTMl/CSS/JavaScript를 언어로 선택했다면, 이를 토대로 프로젝트를 만들면 다음과 같이 보여진다.

웹개발 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..