# netlify
React - Netlify yarn build 에러 해결방법
프로젝트를 배포해보고자 Netlify를 사용하던 도중 배포 과정에서 build error를 마주쳤다.
개인프로젝트: VarGen(6)-배포
일단 먼저 로딩이 되긴 하지만 로딩이 Loading... 이 모양 이따구라 바꿔야된다..! 진짜다!! 그래서 바꾸고 netlify로 배포하겠다.일단 나는 그냥 아무런 애니메이션 없으면 로딩 컴포넌트 자체가 보이는 게 꼴보기 싫다. 그래서 애니메이션이라도 취해서 최면을
Netlify로 배포하기
github에 있는 프로젝트의 최신 버전을 바로 올릴 수 있다. github을 연동해서 가져오고 배포할 프로젝트를 선택한다. 웹사이트의 연속 통합 측면 때문에 CI를 작성해주어야 한다.(경고가 있어도 무시하고 작동할 수 있도록 도와줌.) CI = yarn build 2
Netlify 베포 후 Mixed Content
https로 설정이 된 웹 사이트에서는 http 콘텐츠가 혼합되어 있는 경우에Chrome에서는 https 사이트에서 http 콘텐츠의 다운로드를 막아두고 있다..netlify에서 베포받은 주소는 https~로 시작되고, 나의 프로젝트는 axios로 서버에 http로 통
netlify와 next.js를 사용할 때 에러 해결
Deploy failed due to an error in @netlify/plugin-nextjs plugin. 어떻게 해결할까??
Netlify - Vite 프로젝트 배포하면서 발생한 문제들 해결하기
로컬에서 개발한 React(with. Vite) 프로젝트를 테스트용으로 배포할 일이 생겼습니다. 여러 정적 사이트 배포 방식 중, 저는 Netlify 를 선택했습니다.워낙 쉽게 정적 사이트를 배포해주는 서비스라 배포 자체는 금방 처리되었습니다.다만, 로컬에서 잘 접근하
Netlify deploying error regarding react dependencies "npm ERR! code ERESOLVE || npm ERR! ERESOLVE could not resolve" [Netlify Dependency 배포 에러]
Netlify 배포 중 발생하는 에러 중에 하나인 npm ERR! code ERESOLVE or npm ERR! ERESOLVE could not resolve 에러 해결 방법 입니다.에러의 일부분 입니다.react@"^18.2.0 버전에서 16.8.0이하의 버전을 필
Netlify 리액트 새로고침 404 오류
지금까지 주로 깃헙 페이지를 이용해서 배포를 했었는데 리액트 코드는 코드를 수정하고 빌드하고 다시 업로드하는게 번거로워서 이번 팀 프로젝트는 Netlify를 사용하여 배포하였다. 가장 편리했던 점이 Netlify에서 빌드를 알아서 해줘서 배포를 해주는 것이었다. 최
[netlify] Page Not Found Error
react 프로젝트를 배포 할 때 아래와 같은 에러가 뜰 때가 있다.발생하는 이유는 React Router는 client에서 라우팅을 처리한다. 따라서 root가 아닌 페이지(ex: https://yoursite.netlify.com/login 등)에 접속할
Git - Git Bash이용하여 프로젝트 업데이트 & 리액트 사이트 배포
GITGit Bash가 설치 되어야 함.Git Hub 가입 & repository 만들기public으로 설정Add a README file 체크 X제어판 -> 자격증명관리자 -> window자격증명$ git config --list:qnetlify회원가입하여 진행.
원티드 프리온보딩(FE) 사전과제 회고
원티드 프리온보딩 사전과제 회고 GitHub 주소 배포 주소 시연영상 유튜브 세 달간의 부트캠프를 수료하고 매일 취업 준비 공부와 간간히 이력서를 넣어보던 중 원티드에서 진행하는 프리온보딩 인터십을 접할 수 있었다. 모집 기간은 12월 14일이지만 가산점 1점
1주말 1토이프로젝트: 첫주
Vue.js를 좀 더 잘 다루고 싶어서 매주 주말마다 간단한 토이 프로젝트를 하나씩 해보려고 한다.얼마 전 스프링 부트와 aws로 혼자 구현하는 웹 서비스를 한번 끝까지 진행해 보았다. (책이 조금 오래전에 쓰여져서 지금은 버전이 맞지 않는 부분이 꽤 있다. 관련된 후
[what-to-wear-today] netlify로 리액트 프로젝트를 배포해보다.
OpenWeatherMap 서비스를 이용하면 도시의 날씨 정보를 얻을 수 있습니다. (open API)Axios 사용 실습으로 이용했었는데, 기왕 날씨 정보를 받아온 김에 현재 기온에 맞는 옷차림 정보를 제공하는 서비스로 발전시켜 보았어요.혹시 이런 이미지를 본 적이
Netlify 프론트배포 Router 404 오류 해결기
멍멍냥냥 프로젝트 프론트단 배포는 netlify와 함께하기로 했다.👆 성공적으로 빌드하고 로그인 회원가입 페이지로 진입한 순간👆 404 에러가 지속적으로 뜨는 것 이었다. 뒤에 라우터 네임이 붙은 새로운 창을 열었을시 404로 연결되는 이슈였다. spa방식인 리액트
[Netlify] page no found 404 - react
react.js 를 이용해서 netlify에 배포하던 중 부딪힌 문제들을 정리한 포스팅입니다.리액트를 사용해서 netlify로 배포하다보니 첫 홈페이지는 잘나오지만 다른 페이지로 react-router로 보내는 과정에서 이런 오류가 나왔다.Looks like you’v