팀 프로젝트 (3) 썸네일형 리스트형 AWS 배포 후 새로고침시 404에러 오류 해결 1. S3에서 새로고침 처리 설정React와 같은 SPA(Single Page Application)는 모든 요청을 index.html로 리디렉션해야 하므로, S3의 **"오류 문서 설정"**을 수정해야 합니다.S3 설정 단계AWS Management Console에서 S3로 이동합니다.배포에 사용 중인 S3 버킷을 선택합니다."속성" (Properties) 탭으로 이동합니다."정적 웹사이트 호스팅" 항목에서 다음을 설정합니다:인덱스 문서: index.html오류 문서: index.html이 설정은 S3 버킷에서 404 오류 대신 index.html을 반환하도록 만듭니다. 2. CloudFront에서 새로고침 처리 설정CloudFront는 기본적으로 404 오류가 발생하면 S3에서 반환된 대로 클라이언트.. 깃허브 셋팅 (팀원들 clone시키기) 프로젝트 구조를 다음과 같이 구성하였고, 피그마 디자인 대로 Footer.jsx, Header.jsx, Navbar.jsx, MainPage.jsx 구성해서 팀원들이 클론하여 작업하게 하였습니다. (++ eslint, prettier, index.html, manifest.json 까지 셋팅 완료) 프로젝트를 구성하다가 manifest.json이 어떤 역할을 하는건지 궁금해서 찾아본 후 아래에 정리하였습니다~! 📘 manifest.json의 역할1. manifest.json이란?manifest.json은 **PWA(Progressive Web App)**에서 필수적인 구성 파일로, 웹 애플리케이션이 모바일 또는 데스크톱 환경에서 설치 가능한 앱처럼 동작하도록 설정합니다.2. 주요 역할앱 설치 지원:사용.. 팀 프로젝트 처음 셋팅 팀장으로서 팀 프로젝트에서 개발 환경을 통일하는 것은 매우 중요합니다!팀원들과 일관된 환경에서 개발하고, 예기치 않은 오류를 줄일 수 있어. React와 Vite를 이용한 프로젝트에서 개발 환경을 통일하기 위한 몇 가지 중요한 팁과 설정 방법을 기록하겠습니다. 먼저 깃허브에서 조직을 생성하여 팀원들을 초대하였고 셋팅에서 프로젝트 관련 셋팅을 하였습니다.GitHub의 Ruleset을 사용해 main 브랜치를 보호하고, 특정 규칙을 설정하였습니다.아래 단계에 따라 설정하면, main 브랜치를 보호하고 PR을 통한 리뷰 승인 절차를 강제할 수 있습니다.1. GitHub Ruleset에서 main 브랜치 보호 설정하기(1) Ruleset 생성 및 기본 설정GitHub 레포지토리에서 Settings 탭으로 이동... 이전 1 다음
