개발연습
-
iis에 배포한 node 서버의 반환값이 최신화 되지 않을 때!!개발연습/node.js 2022. 7. 12. 15:55
들어가기 전에 - 노드 서버를 iis에 배포하는 방법 : https://airplane9876.tistory.com/32 node 프로젝트를 iis에 배포해보자! 이미 완성된 node프로젝트가 있다고 가정하자. 1. IIS 사이트에 노드 프로젝트 등록 서버컴퓨터에 접속하여 iis관리자를 연다. 웹 사이트 추가 클릭 사이트 이름 -> iis의 왼쪽 네비게이션 바에서 사 airplane9876.tistory.com 배포까지 완료하고 실제 사용하는 도중 이상한 현상을 발견했다. 요청 경로가 같으면, 노드 서버 내에서는 return값이 달라지는 것이 확인이 되는데, 정작 요청한 페이지에서는 기존의 return값을 가져오는 것이다!! 이것은 iis에서 url만 확인하고 바로 보유중인 캐시값을 return해버리기 ..
-
nuxt 프로젝트를 iis에 배포해보자!개발연습/vue.js 2022. 7. 11. 13:13
1. 필요한 프로그램 설치 nodejs LTS : https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org iisnode : https://github.com/Azure/iisnode GitHub - Azure/iisnode: Hosting node.js applications in IIS on Windows Hosting node.js applications in IIS on Windows. Contribute to Azure/iisnode development by creating an account on GitHub. github.com 알맞는 운영체제..
-
node 프로젝트를 iis에 배포해보자!개발연습/node.js 2022. 7. 11. 12:48
이미 완성된 node프로젝트가 있다고 가정하자. 1. IIS 사이트에 노드 프로젝트 등록 서버컴퓨터에 접속하여 iis관리자를 연다. 웹 사이트 추가 클릭 사이트 이름 -> iis의 왼쪽 네비게이션 바에서 사이트에 나타날 이름 실제경로 -> node 프로젝트의 root경로 바인딩 -> 본인의 iis서버 상황에 맞게 http / https 세팅, 상황에 알맞은 포트 세팅 호스트 이름 -> 도메인이 있다면 입력해준다. 확인 클릭. 2. 필요한 프로그램 설치 2-1. URL Rewrite. 우리는 노드 프로젝트를 pm2를 통해 구동하고, 위에 등록한 IIS 도메인으로 요청이 들어오면 URL Rewrite를 통해 pm2에서 구동되는 프로젝트로 요청을 보낼 것이다. https://www.iis.net/downloa..
-
filepond로 추가한 데이터를 Azure Storage에 업로드하기개발연습/jquery 2022. 4. 5. 16:51
filepond로 올린 데이터를 서버에 업로드하기 / 파일을 Azure Storage에 업로드하기 두 가지는 구글에 많이 있었지만... filepond로 받은 데이터를 바로 Azure Storage에 올리는 과정은 나와있지 않았다. 게다가 개발환경상 api를 뚫어줄 수 없어서 filepond의 server config도 사용 못하는 상황... 프론트에서 filepond로 받은 데이터를 바로 Azure Storage에 쏴 줄 필요가 있었다. 모듈 환경에서 개발한다면 @azure/storage-blob 모듈을 이용하면 되는데 브라우저 환경이라 CDN으로 가져올 수 있는 패키지만 이용 가능했다. 정말 수많은 시도 끝에 드디어 성공했다.. 방법을 공유한다. 0. 본인의 filepond 환경(?) $.fn.fil..
-
select2 선택 항목 초기화 안될때개발연습/bootstrap 2022. 4. 5. 11:11
select2를 이용하여 셀렉 박스를 만들고, 특정 버튼 클릭시 선택항목 초기화를 하고 싶었다. 그러나, value를 찍어보면 초기화가 된 것으로 보이나, 화면에는 여전히 첫번째 element가 선택되어 있었다. 해결방법을 찾아서 기록한다. // 인터넷에 검색하면 나오는 방식 $("#셀렉박스ID").val(null).trigger('change'); // 위 방식이 작동하지 않을때 $('#셀렉박스ID').html('').select2({data: [{id: '', text: ''}]});
-
WebStorm에서 ssh로 git 연결하기개발연습/IDE 2022. 1. 4. 16:50
항상 vscode만 사용하던 나에게 webstorm을 사용해야 하는 환경이 주어졌다. os는 Ubuntu 14이다. 항상 하던 것처럼 git pull을 받으려고 하니.. 처음보는 에러가 등장했다! fatal: unable to access 'https://**************/': gnutls_handshake() failed: Handshake failed 이게 무엇인고 찾아봤더니.. 우분투 14에서 https를 통한 git 원격 연결이 되지 않는다고 한다! 그러면 뭐 ssh로 연결하는 수밖에 없다. 1. WebStorm의 File > Settings > Version Control > Git 으로 이동해서, SSH executable의 항목을 Native로 바꾸어준다. 2. 작업중인 로컬 디렉토..
-
[NUXT] form 제출 시 axios 응답이 올 때까지 로딩화면 보여주기개발연습/vue.js 2021. 12. 24. 13:04
깔끔한 로딩화면을 위해 패키지를 하나 설치하자. npm i vue-spinner form 을 구현한 vue파일로 이동한다. script부분에 다음 코드를 추가한다. import FadeLoader from 'vue-spinner/src/FadeLoader.vue' export default { components: { FadeLoader }, data() { return { isLoading: false, } } } 그리고, 폼 제출 버튼을 구현한 메소드를 찾는다. 해당 메소드의 axios 부분 앞뒤로 다음 코드를 넣는다. try { this.isLoading = true const { data } = await this.$axios({ // 본인의 환경에 맞게 작성 }) this.isLoading = ..
-
rds인스턴스의 데이터를 다른 rds인스턴스로 이전하기개발연습/db 2021. 12. 1. 02:58
드디어 SW마에스트로 12기 과정이 모두 끝났다. 그리고 aws계정 비용 지원도 끝났다. 거기에 더해서 aws계정도 삭제 예정이다. 따라서 모든 인프라를 우리 팀 개인 계정으로 옮겨야 한다. 여기서 제일 중요한게 데이터이다. 현재 서버에서 돌아가고 있는 모든 데이터를 옮겨야 한다. 그 과정을 포스팅 해보도록 하겠다. 1. 기존 rds에서 데이터 꺼내기 우선 workbench를 켜고, 기존 rds에 접속한다. 위 메뉴에서, Server - Data Export 에 들어간다. Tables to Export에서 내가 export할 schema를 선택하고, Export Option에서 Export to Self-Contained File을 선택하고, 데이터를 추출한 sql파일을 저장할 경로를 선택한다. 그리고 ..