[💻 코드스테이츠 FE 44기]pre-project - 12일차

✔️ 시작

주말까지 기능 작업하고 리팩토링 까지 완료했다.
이제 배포만 남은 상태이다...!

📍 배포하기

git으로 배포 시도를 했으나 https문제로 실패했다.
vercel으로도 시도해 봤지만 git과 같은 문제인 https로 실패했다.

그러다 netlify로 다시 도전하기로 했다.
배포하기 전 proxy로 시도를 했지만 잘 나오지 않았다ㅠㅠ

그러다 netlify로 배포시 proxy 셋팅하는 방법의 블로그를 발견해 해결 했다.

배포하는데 참고한 블로그

netlify배포하는 법 : https://heropy.blog/2018/01/10/netlify/
netlify배포 시 proxy 설정 :https://velog.io/@mochapoke/TIL-netlify로-배포시-proxy-셋팅하는-방법

netlify.toml(루트 경로에 생성)

• :splat는 경로 뒤에 꼭 붙여야 한다고 한다.

[[redirects]]
  from = "/proxy/*"
  to = "서버 경로/:splat"
  status = 200
  force = true

// index.html로 가기 위해서
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

vite.config

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  server: {
    proxy: {
      "/questions": {
        target: "서버 경로",
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace(/^\/api/, ""),
      }
    },
  },
})

question.jsx(proxy 필요한 페이지에)

const PROXY = window.location.hostname === 'localhost' ? '' : '/proxy';
.
.
.
axios.post(
  `${PROXY}/questions/register`, requestData, { headers })
  .then(() => {
    //기존 코드 작성
  })
.
.
.
)

이렇게 배포를 성공할 수 있었다...!ㅎㅎ

4~5시간 만에 해결 할 수 있었다.

나는 참고 사이트만 제공했고
작업해 주신 팀장님께 감사를 표한다....

작성하는 이유는 나중에 동일한 문제가 발생했을 경우를 대비하기 위해서다.

✔️ Keep

• 팀장님이 배포를 진행하고 문제가 발생했을 때 다른 팀원들이 같이 문제 해결 방법을 제시했다.
• 배포 플랫폼이 안되면 다른걸로 시도해 보았다.
• 중요한건 꺽여도 다시 일어나는 마음...

✍️ Problem

• 내가 마음이 급해서 공지 글 등을 제대로 읽지 않고 판단하는 경향이 있어 실수가 많았다.
  - 또한 상대방이 말을 다 하지도 않았는데 나도 모르게 얼른 말해주고 싶어 말하려고하는게 보였다.

🚀 Try

• 상대방이 다 말 때 까지 기다린다. (정적 5초까지 기다리기)
• 상대방이 작성한 글을 꼼꼼히 읽어 보고 판단하기 (적어도 2번 이상을 읽어보기)

✏️ 마치며

프리 프로젝트 마무리까지 하루 남은 상황에서
배포까지 잘 마무리되었다.

마무리 당일에는 리드미 작성과
기술 테스트를 체크할 것 같다...ㅎㅎ