728x90 반응형 개발23 Github Actions를 이용한 EC2 인스턴스로 스프링부트 애플리케이션 배포 git 설치 본인 환경에 맞는 git 설치 프로그램을 내려받아 기본 설정 상태로 설치를 진행합니다. (https://git-scm.com/downloads) 작업개요 샘플 프로젝트 생성 배포할 스프링부트 애플리케이션을 생성합니다. 스프링 스타터 프로젝트 생성 컨트롤러 메서드 추가 SampleApplication.java 파일에 hello() 컨트롤러 메서드를 추가합니다. package com.example.demo; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.web.bind.annotat.. 2022. 10. 25. BrowserRouter를 이용한 웹 기반 애플리케이션 라우팅 구현 react-router-dom 패키지에서 제공하는 BrowserRouter를 이용해서 웹 기반 애플리케이션에서의 라우팅을 구현해 보겠습니다. [참고] https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom #1 앱 생성 C:\react> npx create-react-app menu #2 react-router-dom 설치 C:\react\menu> npm install react-router-dom #3 Home.js 생성 import React from 'react'; const Home = () => { return ( Home.js ); } export default Home; #4 Contact.js .. 2020. 5. 22. 리액트 머티리얼 UI 컴포넌트를 이용한 할일 목록 구현 구글 머티리얼 디자인을 구현한 Material-UI 컴포넌트를 이용해서 할일 목록을 제작해 보겠습니다. https://material-ui.com/ #1 프로젝트 생성 C:\react> npx create-react-app todolist #2 Material-UI 컴포넌트 추가 C:\react\todolist> npm install @material-ui/core #3 TodoList.js 생성 할일 정보를 담을 배열 형식의 상태 변수(todos)와 값을 추가하는 함수(addTodo)를 정의하고, AppBar, Toolbar, Typography 컴포넌트를 이용해서 앱 이름을 출력합니다. 각 컴포넌트의 사용 방법은 아래 사이트를 참조하세요. App Bar ☞ https://material-ui.com/.. 2020. 5. 22. axios를 이용한 날씨 정보 조회 axios 웹 브라우저와 node.js에서 사용할 수 있는 프로미스 기반의 HTTP 클라이언트 https://github.com/axios/axios axios/axios Promise based HTTP client for the browser and node.js - axios/axios github.com axios를 사용하면 응답 문서를 자동으로 JSON 형식으로 변환해 주므로, 별도의 변환 과정 없이 바로 사용이 가능합니다. axios.get('http://someapi.com') .then(response => console.log(response)) .catch(error => console.log(error)); HTTP 메소드별 메소드를 제공하며 요청 본문은 메소드의 파라미터로 전달이 가.. 2020. 5. 22. 이전 1 2 3 4 5 6 다음 728x90 반응형
