# netlify

114개의 포스트
post-thumbnail

배포가 쉬울줄 알았습니다.

배포하며 겪은 삽질기록

2023년 11월 25일
·
0개의 댓글
·

# 안녕하세요 개발자 블로그 시작합니다.

공부해온것들을 더 잘 기억하기 위해 [내 지식]으로 만들기 위해 블로그 시작합니다

2023년 11월 13일
·
0개의 댓글
·

[문제해결] netlify 배포 에러 - 폴더명 변경 이슈..

폴더명을 Compoments에서 components로 변경 후 배포하니.. 빌딩에서 에러가 와장창 뜨기 시작.. git은 대문자 소문자를 구분해내지 못하는데 netlify는 대소문자를 구분해내서 해당되는 폴더가 없다고 인식해서 에러가 뜨는게 아닌가...라고 정확하지는

2023년 10월 23일
·
0개의 댓글
·
post-thumbnail

[문제해결] netlify 배포 에러(Page Not Found Error on Netlify)

netlify로 배포 후 React-Router-Dom을 활용한 url연결에서 ':id'값을 변경하면 해당 에러가 발생에러pulic 폴더 안에 \_redirects 파일을 생성 후내용을 추가하여 재배포하면 react-router-dom이 정상적으로 작동한다!!참고사이트

2023년 10월 19일
·
0개의 댓글
·
post-thumbnail

NETLIFY 사용법

netlify

2023년 10월 12일
·
0개의 댓글
·

Netlify로 배포 시 Proxy 에러 (naver open api)

src/ setupProxy.jssrc 폴더 안에 setupProxy.js 을 두고위와 같이 설정해줬다. 사용할 api 가 여럿인 경우 위처럼 사용하면 된다.404 에러코드는 주소 설정이 잘못된 것이고, 400인 경우 쿼리를 넘겨주면 제대로 받아온다.CORS 가 뭔데

2023년 9월 19일
·
0개의 댓글
·
post-thumbnail

[Netlify] Netlify Redirect 설정 오류 해결

Netlify로 React 프로젝트를 배포한 후, 백엔드 api를 연결하기 위한 작업을 진행 중이었고 사전에 cors 에러, http/https 프로토콜이 맞지 않아 생긴 에러들은 해결한 상태였다. 우선 Netlify로 배포한 프로젝트와 백엔드를 연결하기 위해서는 R

2023년 9월 18일
·
0개의 댓글
·
post-thumbnail

[React] netlify 배포하기

netlify로 React 프로젝트 배포해보기

2023년 9월 14일
·
0개의 댓글
·
post-thumbnail

[개발일기] (230909) npm i와 netlify 에러

원래는 오늘 개발일기를 쓰지 않을 예정이었다..오늘은 쉬기로 한 날이었고, 코딩을 할 생각이 없었기 때문이다..근데 자기 전에 블로그 빌드 한 번 해 보고 자야지 했던게 이렇게 될줄은 몰랐다...npm ci 후 vite 실행이 안 될 땐 package-lock.json

2023년 9월 9일
·
0개의 댓글
·
post-thumbnail

[FE] Netlify로 React 프로젝트 빠르게 배포하기

요즘은 원티드 프리온보딩 프로그램에 등록해 간만에 열몇시간씩 컴퓨터 앞에 붙어있는 생활을 하고 있다. 다양한 세션을 통해 많은 것을 배울 수 있었는데 가장 좋았던 건 S3를 통해 배포하는 걸 드디어 배웠다는 거다!그럼에도 왜 netlify 사용법을 가져왔느냐 하면, 훨

2023년 9월 4일
·
0개의 댓글
·
post-thumbnail

사이드 프로젝트에서 자주 사용하는 프론트 배포 Netlify vs AWS S3 비교(백엔드 분기 처리를 곁드린)

Base domain : showmeror.siteNetlify를 사용할 때는 서브 도메인인 'api.showmeror.site'을 사용하는 환경AWS S3로 프론트를 배포 시에는 'showmeror.site/api' path를 통한 백엔드 서버 분기처리가 진행된다고

2023년 8월 29일
·
0개의 댓글
·
post-thumbnail

Netlify CD, Serverless Functions로 환경 변수 숨기기

API를 호출할 때 숨겨야 할 내용들이 존재한다. 이 내용들은 서버를 통해 숨겨야 하는데 Netlify에서는 간단하게 사용할 수 있는 서버리스 함수가 존재한다. package.json의 scripts 작성 netlify.toml 파일 생성 후 작성 루트 경로에 f

2023년 8월 13일
·
0개의 댓글
·
post-thumbnail

Netlify를 사용하여 내가 만든 TO DO LIST 무료 배포하기

내가 만든 TO DO LIST를 다른 사람들이 사용할 수 있도록 무료 배포하는 방법을 정리해보았다.

2023년 8월 10일
·
0개의 댓글
·
post-thumbnail

GIT&Github(번외)_Netlify를 통해 사이트 구축

Git hub에 등록한 Repo를 가지고 사이트 구현이 가능하다고 해서 테스트 해 보았다.몇년전에 친구 결혼식에 제작해 주었던 모바일 청첩장을 업로드 했다.Github 회원으로 회원가입해준 후, Github 연동할 것.Netlify는 신뢰할 수 있는 사이트이므로 모든

2023년 7월 12일
·
0개의 댓글
·
post-thumbnail

[미니 프로젝트] 25JS Ideas - 프로젝트 배포기 with Netlify

Netlify 를 통한 배포, API 키를 어떻게든 프론트단에서 백엔드로 옮겨 숨기기 위해 땀을 뻘뻘 흘린 후기입니다.

2023년 7월 10일
·
0개의 댓글
·
post-thumbnail

[프로젝트] ChatGPT AI 서비스를 활용한 웹프로젝트 만들기 3 수정 및 배포(netlify 이용)

취소를 눌렀을 때, 사진이 하나가 더 추가되는 버그가 있음기존 코드

2023년 7월 5일
·
0개의 댓글
·

멋사스쿨_배포

배포를 위한 빌드하기 "npm run build"배포할때는 컴파일 한 결과인 css 파일만 build 해서 나가게 해야합니다.배포할때 brunch 는 main 으로 병합 후 main 을 배포해야합니다. npm run build 하면 빌드가 진행되고 배포 버전으로 파일들

2023년 7월 4일
·
0개의 댓글
·
post-thumbnail

Next.js - Netlify 배포

Next.js Netlify 배포, getServerSideProps

2023년 6월 27일
·
0개의 댓글
·
post-thumbnail

project | 금융상품 추천 프로젝트 회고

금융상품 추천 사이트를 만드는 프로젝트에 백엔드와 협업하며 참여했습니다. 기능 구현 및 알게된 것, 회고에 대해 담았습니다.

2023년 6월 23일
·
0개의 댓글
·