반응형 ionic10 🏳🌈Proxy 세팅 🚤 기술 스택 : Ionic + Angular 🚑 프록시를 쓰는이유? 브라우저에 SOP정책에 따라 출처가 서로 다를 경우 SOP정책에 위반된다. 즉 A사이트에서 B사이트에 API를 요청하게 된다면 기본적으로는 SOP정책에 위반된다는 것이다. 🚗 Proxy 환경세팅 일단 루트 폴더에 proxy.conf.json 파일을 만들어준다. 아래 사진처럼 파일을 만들어준다. 다음으로 proxy.conf.json에 아래 내용을 채워준다. { "/api/*": { "target": "http://백엔드주소:3000", "secure": false, "logLevel": "debug", "changeOrigin": true } } 🏬 proxy.conf.json을 angular.json에 연결 angular.json에서 .. 2021. 9. 7. ionic + angular 세팅 🚓 앱 개발을 하게 되다. 지금 회사에서 웹을 하다가 다음주 부터 앱을 하게 되었어요. 다행인건 단순히 navtive app이 아닌 하이브리드 앱 프레임워크 중 하나인 ionic을 하게 되었는데요. "하이브리드 앱 프레임워크"는 웹 기술로 앱을 만들수 있게 해주는 프레임워크 입니다. ionic은 "React,Vue,Angular"를 지원하는데요. 저희 회사는 "Angular"를 사용하고 있어요. ☔이제부터 환경세팅을 시작해볼게요. 제일 힘든게 환경세팅이니깐요 🦽 ionic을 install해주세요 npm install -g @ionic/cli 저 같은 경우 원하는 폴더 밑에서 윈도우 cmd를 켜서 설치했어요~ 그 다음으로는 "Angular,React,Vue"가 존재하지만 저는 "Angular"를 선택 했어.. 2021. 7. 31. 이전 1 2 3 다음 반응형
