728x90 Programming17 [프론트] 리액트로 게시판 만들기 pagination 기능 -> 한 페이지당 글의 개수 설정할 수 있는 기능 수정, 삭제 //App.jsimport React from "react";import { BrowserRouter as Router, Routes, Route } from "react-router-dom";import Board from "./components/Board";import PostForm from "./components/PostForm";import BoardDetail from "./components/BoardDetail";import PostEditForm from "./components/PostEditForm";function App() { return ( } /> .. 2024. 3. 28. [GCP] GCP 가상 머신 생성 및 APACHE 서버 배포(feat.vscode로 ssh) . 웹 서버 인프라 환경클라우드 플랫폼: Google Cloud Platform(GCP)웹 서버 소프트웨어: Apache인스턴스 유형: Google Compute Enginessh 접속 방법 : Visual Studio Code 1. GCP (= Google Cloud Platform) VM 생성 Google Cloud Platform에서 가상 머신을 생성을 하는 과정이다. 계정을 만든 후 "콘솔로 이동" 선택 1. 프로젝트 생성 및 선택 2. 좌측 상단 메뉴에서 "ComputeEngine > VM인스턴스" 선택 3. 파란색 인스턴스 만들기 선택1. vm 머신 이름 설정 2. 지역 설정 e2-micro 선택 (본인이 원하는 사양으로 설정) (본인 환경에 맞게 설정)1. 부팅 디스크 변경 버튼 누르기 2.. 2024. 3. 12. scp : 로컬 환경에서 원격 서버로 파일 보내기 [ssh 인증키 관련 오류 해결] 오늘은 로컬 환경에서 원격 서버로 파일을 보낼 때 발생한 문제를 해결한 것을 포스팅해보겠습니다. 이 문제는 Google Cloud Platform(GCP)을 사용하여 가상 머신을 생성하고, SSH 서버 상에 접속한 후 로컬에서 SSH서버로 이미지를 보내고자 하는 상황에서 발생하였습니다. ✔️scp 명령어 왜 쓰지?우선 scp명령어를 어떠한 상황에서 쓰이는지부터 설명하겠습니다. 1. 로컬 파일을 원격 서버로 복사: 로컬 시스템에 있는 파일을 원격 서버로 전송해야 할 때 사용됩니다. 예를 들어, 로컬 시스템에서 작업한 코드나 문서를 원격 서버로 업로드할 때 SCP를 가능. => 저는 이 경우에 해당 명령어 : scp /로컬파일경로/파일명 사용자명@원격서버주소:/원격/디렉토리/경로 2. 원격 서버에서.. 2024. 3. 12. 쿠버네티스에 React 올리기(2) Docker와 Kubernetes를 다 설치해 주었으면, Docker 컨테이너를 생성해준다. 쿠버네티스에 React 앱을 배포하기 위해서는 컨테이너를 패키징을 해주어야한다. 컨테이너를 실행하기 위해서는 Docker 이미지를 먼저 만들어야한다. 그럼 컨테이너는 무엇이고 , 이미지는 무엇일까 !!!이미지 vs 컨테이너 • 이미지: Docker 이미지는 응용 프로그램, 그리고 실행에 필요한 모든 것(코드, 라이브러리, 환경 설정 등)을 포함하는 정적인 패키지. 즉, 이미지는 컨테이너를 실행하는 데 필요한 모든 정보를 포함하고 있다. • 컨테이너: 컨테이너는 이미지의 인스턴스로, 실제로 실행되는 프로세스. 즉, 이미지가 실제로 실행될 때 컨테이너가 생성되고 실행된다. 컨테이너는 이미지를 실행하는 동안 파일 시.. 2024. 3. 10. 쿠버네티스에 React 올리기 (1) - M1 맥 환경 React 프로젝트를 생성하는 과정1. Node.js 설치 하기 https://nodejs.org/en Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 폴더를 생성하고 Visual Studio에서 폴더를 연다 .내가 만든 폴더의 이름은 종합설계 프로젝트를 따서 "jong_project"이다. 좌측 EXPLORER에 JONG_PROJECT가 떴으면 성공 ! 3. React 프로젝트 생성 폴더를 연 Visual studio에서 terminal을 연 다음, $npx create-react-app [프로젝트 명]명령어를 입력한다. npx: Node.js 설치가 되어있어야함. 라이브러리 설치를 .. 2024. 3. 10. 이전 1 2 3 다음 728x90
