본문 바로가기

Project7

[Linkmoa] 구현 설명 보호되어 있는 글 입니다. 2025. 1. 23.
링크모아 보호되어 있는 글 입니다. 2024. 4. 5.
[프론트] 로그인 백엔드와 통신 백엔드에 로그인 정보를 보내고 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.
쿠버네티스에 React 올리기(2) Docker와 Kubernetes를 다 설치해 주었으면, Docker 컨테이너를 생성해준다. 쿠버네티스에 React 앱을 배포하기 위해서는 컨테이너를 패키징을 해주어야한다. 컨테이너를 실행하기 위해서는 Docker 이미지를 먼저 만들어야한다. 그럼 컨테이너는 무엇이고 , 이미지는 무엇일까 !!! 이미지 vs 컨테이너 • 이미지: Docker 이미지는 응용 프로그램, 그리고 실행에 필요한 모든 것(코드, 라이브러리, 환경 설정 등)을 포함하는 정적인 패키지. 즉, 이미지는 컨테이너를 실행하는 데 필요한 모든 정보를 포함하고 있다. • 컨테이너: 컨테이너는 이미지의 인스턴스로, 실제로 실행되는 프로세스. 즉, 이미지가 실제로 실행될 때 컨테이너가 생성되고 실행된다. 컨테이너는 이미지를 실행하는 동안 파일 시.. 2024. 3. 10.