우리는 종종 외부에서 내부 네트워크의 특정 장비나 서비스에 접근해야 할 때가 있다. 이럴 때 필요한 것이 바로 '포트포워딩'이다. 포트포워딩은 마치 건물의 안내 데스크처럼 외부에서 오는 요청을 내부의 올바른 장소로 안내해주는 역할을 한다. 최근 외주업체에 맡긴 장비 테스트를 위해 원격으로 자주 접속해야 하는 상황이 생겼다. AnyDesk와 같은 원격 데스크톱 애플리케이션을 사용할 수도 있지만, 더 안정적이고 직접적인 접근을 위해 포트포워딩 설정을 하기로 결정했다. 이 글에서는 포트포워딩이란 무엇인지, 설정은 어떻게 하는지 소개한다. 포트포워딩이란?포트포워딩은 외부 네트워크의 요청을 내부 네트워크의 특정 기기로 전달하는 네트워크 설정 기법이다. 공유기가 외부와 내부 네트워크 사이에서 중개자 역할을 하며, ..

🔥 발생한 에러Uncaught FirebaseError: Firebase: Error (auth/invalid-api-key).로컬에서는 잘 동작했지만 Netlify에 배포 후 확인해보니 다음과 같은 에러가 발생했다. 배포할 때 참고한 사이트(https://create-react-app.dev/docs/deployment#netlify) 원인 분석해당 에러에 대해 글을 쓴 여러 블로그를 찾아서 읽어보니 다음의 경우에 이러한 에러가 발생한다고 한다..env 파일이 루트에 없는 경우API 키가 잘못된 경우firebaseConfig를 export하고, 다른 JS 파일에서 import 할 경우 로컬에서는 잘 동작했기 때문에 Netlify에서 내가 설정한 환경 변수를 제대로 인식하지 못하고 있을 것 같다고 생각..

1차 프로젝트 발표를 마친 후 리팩터링 시간을 가지면서 회고를 작성해보고자 한다. 프로젝트 소개 프로젝트 주제 온라인 티켓 구매 서비스를 제공하는 쇼핑몰 프로젝트명 티켓원잇!(Ticket Want it!) 제작 기간 2023.04.17 ~ 2023.04.28(1차 제작기간, 최소 기능 구현) 2023.04.29 ~ 2023.05.20(2차 제작기간, 기능 추가 및 리팩터링) 팀 구성 담당 포지션 : 팀원, 프론트엔드 Frontend(3명) : 이성호, 윤우정, 김윤중 Backend(3명) : 유하영, 이민영, 정혜린 기술 스택 구현 기능 회원가입, 로그인, 회원정보 수정 및 탈퇴 등 사용자 관련 CRUD 상품(제품) 관련 CRUD, 카테고리 관련 CRUD, 주문 관련 CRUD 장바구니 관련 기능(장바구니..

1. 해당 프로젝트 경로로 들어간다.c: \projects\...\프로젝트 경로 2.  npm을 이용해 Netlify 파일을 글로벌적으로 설치$ npm install netlify-cli -g 3.  Netlify 명령어 실행$ netlify deploy 4. What would you like to do? (방향키를 이용하여 선택)+ Create & configure a new site 5. Team & Site name 입력? Site name: Seongho's team? Site name: seongho-site-name 6. build 폴더를 deploy (주의❗ build 폴더가 없다면 $ npm run build를 통해 생성)? Publish directory build 7. 생성된 draf..