본문 바로가기

분류 전체보기155

[프론트] 로그인 백엔드와 통신 백엔드에 로그인 정보를 보내고 response를 받아와서 로그인 정보가 맞으면 "/main" 페이지로 navigate 하는 것까지 성공을 하였다. 이유는 모르겠지만, 서버측에서 받은 json의 Headers 내용을 출력하니 아무런 데이터도 들어있지 않았다. import React, { useState } from "react"; import { useNavigate } from "react-router-dom"; import { Link } from "react-router-dom"; import google from "../image/google.png"; import kakao from "../image/kakao.png"; import naver from "../image/naver.png"; im.. 2024. 3. 17.
[프론트] 회원가입 백엔드 통신 완료 위 사진처럼 회원가입란에 회원 정보를 다 넣은 후 "회원가입"을 누르면 회원의 정보가 json 형식으로 백엔드 측에서 구현한 코드로 넘어가게 되고 mySQL에 회원 데이터가 저장되는 것을 확인할 수 있다. ⬇︎백엔드 측에서 해결 .cors(corsCustomizer -> corsCustomizer.configurationSource(new CorsConfigurationSource() { @Override public CorsConfiguration getCorsConfiguration(HttpServletRequest request) { CorsConfiguration config = new CorsConfiguration(); config.setAllowedOrigins(Collections.*sin.. 2024. 3. 17.
[프론트] 회원가입 유효성 검사 & 백엔드 통신 import React, { useState } from "react"; import { useNavigate } from "react-router-dom"; import "../css/JoinStyle.css"; import Logo from "../components/Logo"; function JoinPage() { const navigate = useNavigate(); const [UserName, setUserName] = useState(""); const [Email, setEmail] = useState(""); const [Password, setPassword] = useState(""); const [ConfirmPassword, setConfirmPassword] = useStat.. 2024. 3. 15.
GCP 가상 머신 생성 및 APACHE 서버 배포(feat.vscode로 ssh) . 웹 서버 인프라 환경 클라우드 플랫폼: Google Cloud Platform(GCP) 웹 서버 소프트웨어: Apache 인스턴스 유형: Google Compute Engine ssh 접속 방법 : Visual Studio Code 1. GCP (= Google Cloud Platform) VM 생성 Google Cloud Platform에서 가상 머신을 생성을 하는 과정이다. 계정을 만든 후 "콘솔로 이동" 선택 1. 프로젝트 생성 및 선택 2. 좌측 상단 메뉴에서 "ComputeEngine > VM인스턴스" 선택 3. 파란색 인스턴스 만들기 선택 1. vm 머신 이름 설정 2. 지역 설정 e2-micro 선택 (본인이 원하는 사양으로 설정) (본인 환경에 맞게 설정) 1. 부팅 디스크 변경 버튼 .. 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.

티스토리툴바